Customize Columns

Code

Anatomy

Modal
Tabs Stacked: Navigated between column categories
Dynamic Search: Search column keywords
Checkboxes: Select and deselected available comuns
Draggable List: Organize selected columns

Variants

Default

Medium

In Progress

Draggable List

Ready

Modal

Modals display required decisions, critical information or important tasks. Modals allow users to view and interact with content without navigating away from the page below the Modal.

Ready

Tabs

Tabs are used to group related content at the same hierarchical level. They allow the user to be able to alternate between views within the same context.

Additional Reading

Bulk Editing

Data Visualization