Stable Version 2.0.0 (O11)
Also available for 10
Published on 02 November 2018 by 
Created on 11 January 2017
JQuery library used to reorder/drag table columns during runtime. Support for touch and click events. Based on: https://github.com/akottr/dragtable and https://github.com/sindu12jun/table-dragger
Read More

This component can be easily configured to make any table records have sortable/draggable columns. 

This is very useful for allowing your users to be able to configure the layout of any table exactly how they want it to be. 

The component will notify back on every drag with the order of the columns, so that you can save the order per session, or if you want, in the database so the user's tables will always be displayed how they last configured it.

Check out the demo page included with the component to see a couple different configuration.

If you have any questions about this component, or any suggestions, please post in the components forum and I will get back to you as soon as possible.

What’s new (2.0.0)

Breaking Change: Instead of using Deprecated_NotifyGetMessage() to retrieve the ColumnOrder string, the ColumnOrder string is now an input parameter to the ColumnsReordered Event. The parameter is named 'ColumnOrder''. Pass this into your screen action to retrieve the column order value.

Other Notes:

Deprecated the use of :

  • FakeNotifyWidget
  • Deprecated_Notify
  • Deprecated_NotifyGetMessage

Now uses web block events and calls event directly from JS.

Added additional 'IsDesktop' function call from OutSystemsUIWeb to support any new development with templates.

Reviews (0)
Components, UI & Widgets, Libraries, Mobile Plugins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Justin Babel who created this component.
See all 2 dependencies
Component Consumers
DragTable has no consumers.
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems MVPs
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
Google Maps
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
More from Justin Babel
Super Placeholder
Justin Babel
superplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder.
Custom Touch Events
Justin Babel
Custom touch events uses Hammer.JS to handle tap, pan, pinch, press, rotate, and swipe events customized by you based on inputs to the event handlers. For example, detecting x amount of taps on an object, detecting a long press of over x amount of seconds, swiping an object right at a certain amount of velocity, etc Wraps: http://hammerjs.github.io/
CustomBox Modal Effects
Justin Babel
CustomBox modal effects brings your modals to life. This widget has multiple transitions that can be applied to your modals to add smooth animations to your page. Component wraps the following: http://dixso.github.io/custombox/