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/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s