v3.0.0

Caution

node v18 is now the minimum supported version. This was previously v14. v18 is the current oldest lts version of node.

Caution

data-grid-vue now requires a minimum vue version of 3.3.0. It is also recommended to upgrade to at least version 5.0.2 of vite. Vite v5 migration guide

Caution

The column-selection-popup slot hiddenUpdated prop has been renamed to onHiddenUpdated to be consistent with similar method names.

Caution

Methods that return a Promise have been renamed to be suffixed with Async to make it clear that they return a Promise.
loadPageData -> loadPageDataAsync
onPageSizeChanged -> onPageSizeChangedAsync
DataService.getPage -> DataService.getPageAsync
StorageService.getGridState -> StorageService.getGridStateAsync
StorageService.setGridState -> StorageService.setGridStateAsync

Tip

New footer slots
footer - entire footer
footer-page-size-select - footer page size select
footer-additional-content - additional content between page size select and total item text
footer-total-items - total items text

Tip

#4 accessibility improvements
Add missing aria-label attributes
Allow header to be navigated via keyboard
Allow sort and reorder actions to be performed via keyboard when header cell has focus
Space or enter to cycle through sort options
Left and right arrow to reorder
Allow header options to be triggered via space or enter
Add/remove column menu is focused when it opens and can be navigated via keyboard using the tab key

Tip

Display loading spinner when data takes more then a second to load page data. Override loader with loader slot.

• Add additional parameters to the options-header, options-header-filter-options-shown, and options-header-clear-filters slots.
• ServerSideStorageService now has a generic type constraint to allow any type to be used for the user identifier sent in the request to get and set grid state.
• ServerSideStorageService now has a grid id parameter that can be sent to the server to allow for support of multiple grids.
• ServerSideStorageService.getGridState and ServerSideDataService.getPage will now only try to deserialize the response body as JSON if the status code is 200 OK and the response Content-Type header is application/json.
• Dynamic column header titles
• Entire header cell is now the click target for a sort.
• Default color values of CSS variables are now defined in hex.
• Default accent color slightly altered to match documentation site.
• Improved default layout styles of custom column filters set using the filter-{fieldName} slot.
• Documentation site now includes documentation for DataGridVueDotnet.
• Repo now uses pnpm where the data-grid-vue package is build from the root workspace and the documentation site and dev app are nested workspaces.
• Now being built with vite v5.
• Update debounce dependency to new major version v2.0.0 which requires node v18 (current oldest supported version).
• Update 'dragon-drop-vue' dependency to v0.2.0
• Documentation site theme update
• Documentation site is now setup up as a progressive web app.
• bugfix: DataGridVueOptions.clickOutsideDirectiveName removed.
• bugfix: DataGridVueOptions.dragonDropVueOptions.dragDirectiveName and dropDirectiveName will always be overridden to dgv-drag and dgv-drop.