drag-and-drop-column
Reactive icon

Drag And Drop Column

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 27 October 2022
 by 
0.0
 (0 ratings)
drag-and-drop-column

Drag And Drop Column

Documentation
1.0.1

Options


  • Input Parameter
    • SelectorTable: Selector in table to inject drap and drop.
    • SelectorDraggable: Position to start draggable area.
    • DraggableColumnIndex: Position to start draggable area.
    • IndexBlockColumn: Position in column to block when drop item usage 0,1,11,12.
    • BackgroundColorOnDrop: Background color when drop column.


  • Event
    • OnDrop: Event to receive json when drop column.


  • How its works?
    • Drag and Drop Rows & Header in Table.
    • Can drag and drop Column in Table.
    • Can save current position changed column in table.
    • You can use a cliente variable to save or database.
    • To reset just need clear cliente variable or database.
    • It's work only in table element.

1.0.0

Options


  • Input Parameter
    • SelectorTable: Selector in table to inject drap and drop.
    • SelectorDraggable: Selector to dragglabe area in th.
    • StartColumn: Position to start draggable area.
    • BackgroundColorOnDrop: Background color when drop column.
    • TriggerLog: Call console.log to report interactions.


  • Event
    • OnDrop: Event to receive json when drop column.


  • How its works?
    • Drag and Drop Rows & Header in Table.
    • Can drag and drop Column in Table.
    • Can save current position changed column in table.
    • You can use a cliente variable to save or database.
    • To reset just need clear cliente variable or database.
    • It's work only in table element.