Component that allows users to resize the columns of any table at run time.Configured to notify the values needed to store the size of the columns to per session or in the database. Simply store this value and then pass it back into the component via input parameter 'ColumnSizeString' for the table to be restore to the last size.Very flexible with many configuration inputs, just drag onto screen, and pass in the runtime id of your table.
colResizable is a jQuery plugin designed to enhance any kind of HTML table object adding column resizing features by dragging column anchors manually. It is compatible with both mouse and touch devices and has some nice features such as layout persistence after page refresh or postback and compatibility with both percentage and pixel-based table layouts. It is tiny in size (colResizable 1.0 is only 2kb) and it is fully compatible with all major browsers(IE7+, Firefox, Chrome and Opera).
Wraps: https://github.com/alvaro-prieto/colResizable
If you find any issues with this component or have any ideas for enhancements, please let me know!
Enjoy!
Breaking Change: Instead of using Deprecated_NotifyGetMessage() to retrieve the ColumnSizes string, the ColumnSizes string is now an input parameter to the ColumnResized Event. The parameter is named 'ColumnSizes'. Pass this into your screen action to retrieve the column sizes value.
Other Notes:
Deprecated the use of :
Now uses web block events and calls event directly from JS.
Minor updates to the demo page to use a table from the OutSystemsSampleDataDB module instead of WebPatterns.