logo image v2.1.0

Scroller

DataTables Extensions

The features that DataTables provides can be greatly enhanced by the use of the plug-ins available on this page, which give many new user interaction and configuration options.

Reference
Basic Table Scroll
This example shows how Scroller for DataTables can be initialised, when the Scroller Javascript file is included, by simply setting the scroller option to true.
IDFirst nameLast nameZIP / Post codeCountry
State Saving
Scroller will automatically integrate with DataTables in order to save the scrolling position of the table, if state saving is enabled in the DataTable
IDFirst nameLast nameZIP / Post codeCountry
API
This example shows a trivial use of the API methods that Scroller adds to the DataTables API to scroll to a row once the table's data has been loaded.
IDFirst nameLast nameZIP / Post codeCountry
Settings
  • Theme Mode

    Choose light or dark mode or Auto

  • Sidebar Theme

    Choose Sidebar Theme

  • Header color

    Choose your Header theme color

  • Accent color

    Choose your primary theme color

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout