Responsive example Column control

This example set is part of the DataTables 3 beta cycle. For the latest DataTables documentation, please refer to the main site.

Responsive has two modes of operation for controlling the visibility of columns at different display sizes. These two modes can be used separately or combined together:

  • Manually assigned class names for breakpoints - Assign a column a class name to tell Responsive which breakpoint(s) to show it in.
  • Automatically - for columns without a breakpoint class name, it will be automatically removed if there is no room available on screen to show it. Columns can be removed in priority order or right-to-left.

This section explores these two options.