# Table: Column Toggle

Home Search

## Column toggle table mode

- Basics
- Options
- Methods
- Events

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

- Tables
- Reflow mode
- Column toggle mode