DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
  • Examples
  • Manual
  • Reference
  • Extensions
    • AutoFill
    • Buttons
    • ColReorder
    • Editor
    • FixedColumns
    • FixedHeader
    • KeyTable
    • Responsive
      • Initialisation
      • Column priority
      • Class logic
      • Details views
      • Examples
      • Reference: Options
      • Reference: API
      • Reference: Events
    • RowGroup
    • RowReorder
    • Scroller
    • SearchBuilder
    • SearchPanes
    • StateRestore
    • Select
    • Standalone: DateTime
    • Legacy: ColVis
    • Legacy: TableTools
  • Plug-ins
  • Blog
  • Forums
  • Support
  • FAQs
  • Download
  • Purchase
≡ Show site navigation

Responsive

In the modern world of responsive web design tables can often cause a particular problem for designers due to their row based layout. Responsive is an extension for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the table.

Basic initialisation

  • Basic initialisation
  • `new` constructor
  • Ajax data
  • Default initialisation
  • Complex headers
  • Server-side processing

Display-types

  • Immediately show hidden details
  • Modal details display
  • Bootstrap modal
  • Bootstrap 4 modal
  • Bootstrap 5 modal
  • Bulma modal
  • Foundation modal
  • Semantic UI modal
  • jQuery UI modal

Column-control

  • Automatic column hiding
  • Column priority
  • Class control
  • Assigned class control
  • With Buttons - Column visibility
  • With FixedHeader
  • With ColReorder

Child rows

  • Disable child rows
  • Moving nodes (no clone)
  • Column controlled child rows
  • Column control - right
  • Whole row child row control
  • Custom child row renderer

Styling

  • Bootstrap 3 styling
  • Bootstrap 4 styling
  • Bootstrap 5 styling
  • Foundation styling
  • Bulma styling
  • Fomantic-UI (formally Semantic-UI) styling
  • jQuery UI styling
  • Compact styling
  • Vertical scrolling

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2025 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.