KeyTable

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 initialization
KeyTable allows you to use keyboard navigation on a DataTables enhanced table, like an Excel spreadsheet.
NamePositionOfficeAgeStart dateSalary
Airi Satou		AccountantTokyo332008/11/28$162,700
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
NamePositionOfficeAgeStart dateSalary
Showing 1 to 10 of 30 entries
Scrolling Table
KeyTable supports DataTables' scrolling options (scrollX and scrollY) without requiring any additional configuration
NamePositionOfficeAgeStart dateSalary
Name
Position
Office
Age
Start date
Salary
Name
Position
Office
Age
Start date
Salary
Airi Satou		AccountantTokyo332008/11/28$162,700
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
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
Doris WilderSales AssistantSidney232010/09/20$85,600
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Garrett WintersAccountantTokyo632011/07/25$170,750
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Jena GainesOffice ManagerLondon302008/12/19$90,560
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Yuri MantisChief Marketing Officer (CMO)New York402009/06/25$675,000
NamePositionOfficeAgeStart dateSalary
Showing 1 to 30 of 30 entries
Focus Cell Custom Styling
This example uses a thin outline with a red colour and a light red background to highlight the focused cell.
NamePositionOfficeAgeStart dateSalary
Airi Satou		AccountantTokyo332008/11/28$162,700
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
NamePositionOfficeAgeStart dateSalary
Showing 1 to 10 of 30 entries
Settings
  • Theme Mode

    Choose light or dark mode or Auto

  • Header Theme

    Choose Header Theme

  • Accent color

    Choose your primary theme color

  • Sidebar Theme

    Choose Sidebar Theme

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout