v2.0.2

• Loading performance improved (#867)
• Fixed interoperability with app-localize-behavior (#727)
• Fixed errors on lazy-import (#850)

v2.0.1

Issues Fixed

• #862 Sorting not possible in IE11 when the header has a filter
• #820 Scrolling past a grid which doesn’t have its own scrollbar is slow
• #855 wheel can not work when mouse in the grid can not scroll page
• #853 Blinking border regression in Safari

Changes since v2.0.0

• f0fb451 2.0.1
• bd44681 Update README.md
• 62a6f5b Update vaadin-grid.html
• 27b21e4 Update vaadin-grid-table.html
• 854c0cc Update vaadin-grid-table-scroll-behavior.html
• 34d1815 Update vaadin-grid-table-outer-scroller.html
• 0737b21 Update vaadin-grid-row-details-behavior.html
• 5690d8a Update vaadin-grid-filter-behavior.html
• fa7496d Update vaadin-grid-data-provider-behavior.html
• 8787751 Move unintentional sorting indicator focus to grid (IE11 issue)
• 24a838b Don’t cancel wheel events when grid can’t be scrolled
• 9f5ed29 Defaul focus trap positioning to avoid a Safari rendering issue
• 307bb80 Fix scrolling async issue (seems to be Chrome issue) which cause flakiness
• a81e713 Include subfolders of demo and test folders for linting

v2.0.0

Live demos ↗

Migration guide from 1.x to 2.0

Features introduced in v2.0.0-alpha-pre1

• Template support with two-way binding
• Function data source
• Row selection
• Row details
• Support for dynamic row heights
• Support for "unlimited" data source size

Features introduced in v2.0.0-alpha-pre2

• Array data source
• Sorting helper element
• Filtering helper element
• Hiding columns
• Frozen coluns
• Column grouping

Features introduced in v2.0.0-alpha1

• Themability support
• Multi selection helper element

Features introduced in v2.0.0-alpha2

• Keyboard navigation
• Column reordering
• Column resizing

Features introduced in v2.0.0-alpha3

• Screenreader support

v2.0.0-beta3 – Final Tweaks

Live demos ↗

Changes:

• Default value for resizable in <vaadin-grid-column> is now false instead of undefined
• Default value for activeItem is now null instead of undefined
• [[index]] inside row detail template now works as expected

v2.0.0-beta2 – IE11 Improvements 🎩

Live demos ↗

Changes:

• IE11 support improvements on keyboard navigation, sort indicators
• Sorting Number and Date values works now as expected
• all-imports.html added to help importing all filter, sorter etc. helper elements.

v2.0.0-beta1 – First Beta Release

Live demos ↗

Migration guide from 1.x to 2.0

Features introduced in v2.0.0-alpha-pre1

• Template support with two-way binding
• Function data source
• Row selection
• Row details
• Support for dynamic row heights
• Support for "unlimited" data source size

Features introduced in v2.0.0-alpha-pre2

• Array data source
• Sorting helper element
• Filtering helper element
• Hiding columns
• Frozen coluns
• Column grouping

Features introduced in v2.0.0-alpha1

• Themability support
• Multi selection helper element

Features introduced in v2.0.0-alpha2

• Keyboard navigation
• Column reordering
• Column resizing

Features introduced in v2.0.0-alpha3

• Screenreader support

Changes Since v2.0.0-alpha4

• ba59cfb v2.0.0-beta1
• 7f46b5e Detect feature, not browser
• ffc347b Remove typos from styling documentation
• b0ef203 Add missing demo snippet template
• 7729611 Update visual test screenshots
• 919b924 Fix demos to work IE11
• c5e99a9 Update crud.html
• fe84ec5 http -> https

v1.2.2

Changes:

• New style mixin "--vaadin-grid-row-focus" added (#790) (Thanks @billy-hardy!)

v2.0.0-alpha4 – Beta Candidate 🚀

Live demos ↗

API Changes:

• hidden is no longer read-only on <vaadin-grid-column-group>
• Multi-sorting is now opt-in. <vaadin-grid multi-sort> can be used to enable it.
• dataProvider parameter sortOrder was changed to sortOrders

Other Notable Changes:

• Sorting indicators' visual look has been redesigned.
• Various improvements to API docs and examples.
• Console warnings added to help spot missing imports, invalid filter/sorter paths, etc.

v2.0.0-alpha3 – Screenreader Support

Live demos ↗

API Changes

• dataSource is now dataProvider
• In addition to <vaadin-grid-selection-column>, the following elements need to be imported manually:
  • <vaadin-grid-column-group>
  • <vaadin-grid-filter>
  • <vaadin-grid-sorter>

New Features

• Screenreader support. (namely VoiceOver on macOS, NVDA and JAWS on Windows, ChromeVox)
• Column Reordering is now enabled also for touch devices.

Other Notable Changes

• Row Details cell can now be navigated to with the keyboard.
• Hitting space will now click the first element in the focused cell.
• When using dataProvider, the first request is now sent before size is set.

v2.0.0-alpha2 - Keyboard navigation and Interaction modes, Reordering and Resizing columns

Live demos ↗

API Changes

• auto-select added to <vaadin-grid-selection-column>
• cell-click event was dropped.
• --vaadin-grid-focused-cell style mixin was added

New Features

Keyboard navigation mode

• Now the user can focus the grid and move the focus to the header, body and footer using Tab key, and can move between cells by using Left, Right, Up, Down, PgDn, PgUp, End and Home keys.

Interaction mode

• When the user pushes Enter or F2 he can interact with cell editable content, and exit from edition by using the escape key.

Column Reordering

• The user can change the order of columns by dragging and dropping column headers. It's necessary to enable the feature by using the column-reordering-allowed property

<vaadin-grid items="[[users]]" column-reordering-allowed>
  ...
</vaadin-grid>

Column Resizing

• The new attribute resizable can be applied to columns and groups to allow the user resize them.

<vaadin-grid items="[[users]]">
   <vaadin-grid-column width="30px" flex-grow="0" resizable>
     ...
   </vaadin-grid-column>
   <vaadin-grid-column-group resizable>
    ...
   </vaadin-grid-column-group>
</vaadin-grid>

Other Notable Changes

• Added internal cache for cells improving performance of rendering when modifying column configuration.

Fixes

• Avoid unnecessary clearCache on init
• Fix initialisation on shadow
• Fix handling wheel events