Version 6.4 Released!

Click to checkout the new features

Release Notes

Unit Tests

This release sees the addition of unit tests into the project to aid in improving its stability in future releases.

These can be found in the /test/unit folder of the repo

A full guide on setting up and using these tests will be coming shortly

Styling

SCSS Overhaul

This release sees an overhaul of the SASS stylesheets, these have been refactored to work with more modern versions of the SASS standard. with work undertaken to improve importing, removing circular dependencies. Update function names, improve variable overriding, and update the build tools to use more up to date libraries.

Bootstrap 5 Dark Mode

Support has been added for the theme-dark class when using the Bootstrap 5 theme

Table Height Management

A number of functions have been added to the table to allow adjustment of table height constraints after initialization.

Changing Table Height

If you want to manually change the height of the table at any time, you can use the setHeight function, which will also redraw the virtual DOM if necessary.

table.setHeight(500); //set table height to 500px

Note: The setHeight function is not available in classic render mode

Changing Table Max Height

If you want to manually change the maximum height of the table at any time, you can use the setMaxHeight function, which will also redraw the virtual DOM if necessary.

table.setMaxHeight(500); //set table max height to 500px

Range Selection

Blur Cell On Navigation

By default Tabulator will trigger the editor on a cell when it gains focus. While this is desirable in a lot of cases, this is not how a lot of spreadsheeting tools operate. if you would prefer to navigate around cells without triggering an edit you can set the selectableRangeBlurEditOnNavigate option to false to disable this behavior.

var table = new Tabulator("#example-table", {
    selectableRangeBlurEditOnNavigate:true, //blur cell on navigation
});

Bug Fixes

v6.4.0 Release

The following minor updates and bugfixes have been made:

  • Fixed use of deprecated keycode property when assessing keyboard interactions
  • Fixed issue initializing data trees on existing tables
  • Cell update events now properly triggered on uninitialized cells
  • Row height initialization has been optimized when using the virtual renderer
  • Prevented the edit and range modules from both trying to control cell navigation at the same time
  • Fixed issues with AIRA identification of table body
  • Upgraded dependencies to allow building with more recent versions of Node.js
  • Fixed row rendering issue when a table is removed and added to page in quick succession
  • Fixed issue with reactive data when rewatching existing data
  • Fixed issue with recursive rendering with certain sizes of table
  • DataTree rendering no longer causes a maximum call stack size warning
  • General tidyup to remove unneeded imports from the codebase
  • Improved range selection speed on large data sets
  • Fixed issue with movement of caret while editing and using range selection
  • The tabulator-layout attribute is now correctly removed from the table DOM element when the table is destroyed

Donate