v3.3.1

• Rev development dependencies. This addresses the security vulnerabilities reported in package ip.
• Update dragon-drop-vue dependency to v2.1.1.
• Update native-event-vue dependency to v1.4.1.
• Resolve breaking changes in vuepress v2 RC.
• Leverage new heading sidebar option in vuepress's default theme.

v3.3.0

• Add date and dateTime filtering support to ClientSideDataService.
• Improved date and dateTime support for sorting and filtering in ClientSideDataService ensuring all computations are done on UTC dates and falsey values are converted to the JS minimum date of 1970-01-01 00:00:00.000+00:00.
• Fix for sorting being able to override the filter.

v3.2.0

• #9: Add package export so styles can be loaded via data-grid-vue/style.
• Fix bug in ClientSideDataService where paging through a sorted grid could cause data to not stay sorted.
• Update 'dragon-drop-vue' dependency to v2.1.0 to leverage ability to debounce the dragover event.
• Replace debounce with new native-event-vue package to leverage the lightweight vue-friendly native event handling with debounce.
• Update development dependencies.

v3.1.0

• Update 'dragon-drop-vue' dependency to v1.1.0
• update development dependencies

v3.0.1

v3.0.1 (#7)

* header title and aria label incorrectly informs user that a column can be sorted when sort is turned on for the grid but not that specific column

* docs guide - sorting

* accessibility fixes for grid body scrolling and radio role for filter operator select

* add role for accessibility to elements in options-header

* docs guide - filtering

* contrast improvements

* docs - anchors - fix accessibility

* fix scoll offset in vue router

* axe script

* rely on vite mode

* docs guide - paging

* docs guide - add/remove columns

* improve docsearch contrast

* v3.0.1

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.

v2.3.0: Sitemap (#3)

• Allow dragon-drop-vue directive names to be overridden via the data-grid-vue plugin options
• Allow data-grid-vue component registration name to be overridden via the plugin options
• Allow the click-outside directive name to be overridden via the plugin options
• Add documentation for which CSS variables are available
• Quick start guide
• Fix spelling errors in documentation
• Fix edit page links in documentation
• Readme updates

v2.2.0

• Add clear filters callback to options-header slot
• Fix column shown state in ColumnSelectionItem
• Define slot types and add to documentation
• Define emit types and add to documentation
• Even more documentation improvements

v2.1.2

• Fix for sorting and filtering not working when the data grid is not configured to be paged.
• Fix Icon component import in HeaderCell
• Documentation improvements

v2.1.1

• Readme/documentation improvements
• CSS improvements