This table starts as a standard Bootstrap table. The button group below reconfigures the table with DataTables.

  • reset restores the table to standard Bootstrap. You must reset when transitioning from one demo to another.
  • Simple applies a minimal DataTables configuration
  • Column Filters adds column filters to the table footer
  • Column Definitions uses column definitions to hide columns and to exclude columns from search
  • Column Visibility adds ColVis to allow users to dynamically hide columns
  • Save as CSV shows the addition of a "save to csv" button (requires flash)
  • All shows a combination of the previous five

Selection of the central five buttons will also display the corresponding javascript in a text area below the table.

 
id username Name Role Status Actions
1harryPotter, Harry JUserActive
2ronWeasley, RonUserActive
3hermioneGrainger, HermioneUserActive
4nevilleLongbottom, NevilleUserActive
5albusDumbledore, AlbusAdminActive
6severusSnape, SeverusAdminActive
7siriusBlack, SiriusUserActive
8cedricDiggory, CedricUserDisabled
9remusLupin, RemusUserDisabled
username Name Role Status