Content

The ColumnControl extension for DataTables makes it possible to put column control items in the table header and footer cells - these are termed "content types" for brevity. The content shown can be buttons, search inputs or any other type of HTML content.

ColumnControl has a number of built in content types, which are listed below. Please refer to each content type's documentation by clicking on its name for full details and configuration options. See also the ColumnControl documentation for a more general overview of how to install, configure and use ColumnControl.

Library Name Summary
ColumnControl

colVis

A list of toggle buttons to control column visibility

ColumnControl

colVisDropdown

A dropdown wrapper for the colVis content type.

ColumnControl

dropdown

Show ColumnControl content types in a dropdown / popover

ColumnControl

order

An order trigger and status button

ColumnControl

orderAddAsc

Add the column to multi-column ordering (ascending)

ColumnControl

orderAddDesc

Add the column to multi-column ordering (descending)

ColumnControl

orderAsc

Set the table to order by this column, ascending.

ColumnControl

orderClear

Remove all ordering from the table.

ColumnControl

orderDesc

Set the table to order by this column, descending.

ColumnControl

orderRemove

Remove the host column from multi-column ordering.

ColumnControl

orderStatus

Order status display icon.

ColumnControl

reorder

Click and drag button to allow reordering of columns.

ColumnControl

reorderLeft

Move a column one position to the left.

ColumnControl

reorderRight

Move a column one position to the right.

ColumnControl

search

Display a column search input, suitable for the column's data.

ColumnControl

searchClear

Clear any search from ColumnControl applied to the host column.

ColumnControl

searchDateTime

Search for date based columns.

ColumnControl

searchDropdown

A dropdown wrapper for the search content type.

ColumnControl

searchList

Display a toggle list of search terms.

ColumnControl

searchNumber

Numeric search for number based columns.

ColumnControl

searchText

A string based search input for the column.

ColumnControl

spacer

Provide a visual separation between content types.

ColumnControl

title

Show title / information text.