HTML Elements/Table Resize

Step 1: Always refer JQuery UI first.
https://jqueryui.com/resizable/

Step 2: This needs JQuery 1.11.4

<script src="http://xyz/jquery-ui-1.11.4.js"></script> 
<script>
aj1114 = jQuery.noConflict(true);
</script>

This helps when we are using two different versions of JQuery in same page.

Step 3:
aj1114(“#id”).resizable();

Tip: Check JQuery version on console by typing
$.fn.jquery

—–
Other reference:
https://tympanix.github.io/angular-table-resize/
https://www.npmjs.com/package/angular-table-resize

https://ihofmann.wordpress.com/2012/07/31/resizable-table-columns-with-jquery-ui/

jQuery for Beginners

1. No installation required (Include the library jquery.js)
2. No server side coding required
3. Independent of Browser
4. Lot of free plugins / ready to use libraries available
5. Works with other libraries
6. JavaScript is desirable, but not required.
7. Works smoothly with CSS

Start with http://en.wikipedia.org/wiki/JQuery
See this beautiful examples to get inspiration:
http://c88i.com/project/
http://jqueryui.com/demos/
http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

Best tutorial: http://www.roseindia.net/ajax/jquery/
-o-