Buttons
The Buttons extension for DataTables provides an extensible framework that can be used to add button groups around a table that will control the table, or otherwise process the data in it. Buttons has a range of built in Button types, and other extensions such as Editor provide additional button definitions.
The full set of button types that are defined by the DataTables suite are documented below. For further information about Buttons, including creating your own custom buttons, please refer to the Buttons document.
| Name | Summary | Library | Group |
|---|---|---|---|
| CardView | |||
Change the display to display the cards | CardView | ||
Toggle between the card and table view | CardView | ||
A button to clear ColumnControl searches when triggered | ColumnControl | ||
A button collection that provides column ordering control | Buttons | ||
A button which triggers a drop down with another set of buttons | Buttons | ||
A button that will control the ordering on a single column | Buttons | ||
A single button that will toggle the visibility of one or more columns | Buttons | ||
A single button that controls the visibility of one or more columns | Buttons | ||
A set of Buttons to toggle the visibility of individual columns | Buttons | ||
A set of Buttons to set the visibility of individual columns | Buttons | ||
A button collection that provides column visibility control | Buttons | ||
Show and hide multiple columns | Buttons | ||
Restore the visibility of column to their original state | Buttons | ||
Copy table data to clipboard button | Buttons | ||
Copy table data to clipboard button (HTML) | Buttons | ||
A button that will create a new row using Editor | Editor | ||
A button that will insert a new row for inline row creation | Editor | ||
Creates a new state, based off of the current state of the table. | StateRestore | ||
Create and save a CSV file that contains the data from the table | Buttons | ||
Create and save a CSV file that contains the data from the table (HTML5) | Buttons | ||
A button that will edit one or more existing rows using Editor | Editor | ||
A button that will edit an existing row using Editor | Editor | ||
Create and save an Excel CSV file that contains the data from the table | Buttons | ||
Create and save an Excel XLSX file that contains the data from the table (HTML5) | Buttons | ||
A single button that initialises and allows FixedColumns to be toggled. | FixedColumns | ||
Button collection that will control the DataTables' page length | Buttons | ||
Create and save a PDF file that contains the data from the table | Buttons | ||
Create and save a PDF file that contains the data from the table (HTML5) | Buttons | ||
Button show a printable view of the table's data | Buttons | ||
A button that will delete one or more rows using Editor | Editor | ||
Removes all stored states. | StateRestore | ||
A button that will delete a single row using Editor | Editor | ||
Removes a state from storage. | StateRestore | ||
Renames a state. | StateRestore | ||
Collection used to provide interaction with the saved states | StateRestore | ||
Extends | StateRestore | ||
A single button that displays the SearchBuilder container in a popover. | SearchBuilder | ||
Select all items in the table based on the current item select mode | Select | ||
Change the item selection mode to | Select | ||
Change the item selection mode to | Select | ||
Deselect all selected items in the table. | Select | ||
Change the item selection mode to | Select | ||
Button that is enabled when one or more items are selected in the table | Select | ||
Button that is enabled when a single item is selected in the table | Select | ||
Toggle a filter that will reduce the rows displayed to just those which are selected. | Select | ||
A special "button" which provides visual grouping between buttons. | Buttons | ||
A split button that represents and provides functionality for a saved state. | StateRestore | ||
| CardView | |||
Updates a selected state with the current table state. | StateRestore |