Resizable table columns


Example

Just add attribute resize to the table

In template:

Notice

If you want to change in the size of the cell was changed and the length of the table, just add a CSS class with style width:auto to the table. Example: .object-table-module table{ width:auto; }

If you are using custom header:

1) Add ng-mousedown="resizeStart($event)" and ng-mouseup="resizeEnd($event)" to your <thead>tag.

2) Add <div class="resize"></div> to resized headers (<td> tag)

Name of Person
Eye
Age

In template: