Search

This example shows DataTables and the KeyTable extension being used with the Bulma framework providing the styling. The DataTables / Bulma integration provides seamless integration for DataTables to be used in a Bulma page.

This example shows DataTables and KeyTable being used with Bootstrap 5 providing the styling. The DataTables / Bootstrap 5 integration provides seamless integration for DataTables to be used in a Bootstrap 5 page.

This example shows DataTables and KeyTable being used with Bootstrap 4 providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap 4 page.

This example shows DataTables and KeyTable being used with the Bootstrap framework providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap page.

KeyTable will automatically store the last cell focused in

like an Excel spreadsheet. The focused cell is shown

KeyTable operate in exactly the same way for server-side

any additional configuration. As the navigation keys are used

In addition to supporting DataTables' built in scrolling options, KeyTable also supports the Scroller extension for DataTables. As you can see in the example below, no additional configuration is required beyond simply enabling Scroller and KeyTable.

The examples shown in this section demonstrate the basic initialisation and features of KeyTable.