DragTable

Stable Version 2.0.1 (O11)
Also available for 10
Published on 15 Mar (9 days ago) by 
Created on 11 January 2017
Details
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.1)
  • Removed reference to Silk UI (*This component will no longer function properly for Silk UI themes. Please use previous version when working with Silk UI/WebPatterns)
  • Added javascript handlers to style table headers correctly for dragging columns in OutSystems UI themes.
  • Updated demo to use OutSystems UI template.
  • Separated demo module using new forge feature.
Reviews (0)
Category
Components, Libraries, Mobile Plugins, UI & Widgets
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.
Dependencies
DragTable has no dependencies.
Requirements
Platform
11.0.0.200
Database
All
Stack
.NET
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28586
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2777
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.
10072
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.
48
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/
76
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/
200