Table: Column Toggle

Home Search

Column toggle table mode

The columntoggle table comes with several options:

columnBtnTheme default: null
Sets the theme for the column chooser button. Set to any valid swatch letter in your theme. Available as the data-column-btn-theme attribute.
columnBtnText default: "Columns..."
Sets the text for the for the column chooser button. Available as the data-column-btn-text attribute.
columnPopupTheme default: null
Sets the theme for the column chooser popup checkboxes. Set to any valid swatch letter in your theme. Available as the data-popup-theme attribute.

The columntoggle mode also has an option, classes, which is only configurable via JavaScript because it expects an object literal value. The classes option has two properties that define the structural classnames that the plugin uses:

classes.columnToggleTable default: "ui-table-columntoggle"
Class assigned to the table.
classes.columnBtn default: "ui-table-columntoggle-btn"
Class assigned to the column toggle button.
classes.popup default: "ui-table-columntoggle-popup"
Class assigned to the column chooser popup.
classes.priorityPrefix default: "ui-table-priority-"
Class prefix added to each cell in a column. This string is appended to the priority value set on the headers.

In this section