logo image v2.2.0

Source Data

DataTables

DataTables is a Javascript HTML table enhancing library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.

Reference
HTML (DOM) Sourced Data
The foundation for DataTables is progressive enhancement, so it is very adept at reading table information directly from the DOM.
NamePositionOfficeAgeStart dateSalary
Airi SatouAccountantTokyo332008/11/28$162,700
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Garrett WintersAccountantTokyo632011/07/25$170,750
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
NamePositionOfficeAgeStart dateSalary
Showing 1 to 10 of 20 entries
Javascript Sourced Data
At times you will wish to be able to create a table from dynamic information passed directly to DataTables, rather than having it read from the document.
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