Find @swimlane/ngx Dnd Examples and Templates
Use this online @swimlane/ngx-dnd playground to view and fork @swimlane/ngx-dnd example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
Column Customization - DevExtreme Data Grid (forked)Users can do the following to customize grid columns at runtime:
Reorder Columns
Drag the column's header to reorder the column.
Component property: allowColumnReordering
Column property: allowReordering
Resize columns
Drag the edge of the column's header to resize the column.
Component property: allowColumnResizing
Related functionality: columnAutoWidth - resizes grid columns to automatically fit the content
Fix (pin) columns
Invoke a context menu in a column's header and specify whether to fix the column to the left or right. The fixed column remains visible when users scroll the view horizontally.
Component property: columnFixing.enabled
Column property: columns[].fixed - if enabled, fixes a column to the left; columns[].fixedPosition - specifies whether to fix a column to the left or right
Show and hide columns
Click the Column Chooser button to access hidden columns. Drag the column's header between the Column Chooser and the grid to change the column's visibility.
Component property: columnChooser.enabled
Column property: columns[].visible
