v4.1.0-alpha6

Live Demo →
API Documentation →

Changes Since v4.1.0-alpha5:

• 2342a47 Add class name for the select all checkbox

• 6c5dff3 Submit one data request for empty grid

• 4150796 Style loading rows instead of loading grid by default

• 77394f3 Make sure array data provider is invoked on items change

• 759d603 Add loading attribute to individual rows waiting for data

• 621f5c4 Disable keyboard navigation on mobile devices

• 5d91d4a Add Selenuim tests, do not test SauceLabs for external PRs

• 8191295 [skip ci] Add issue template

v4.1.0-alpha5

Live Demo →
API Documentation →

Changes Since v4.1.0-alpha4:

• 581c2de Make loading public API

v4.1.0-alpha4

Live Demo →
API Documentation →

Changes Since v4.1.0-alpha3:

• ae5bd3e, 6cc720a Tree Grid demo and API docs improvements
• a116209 Don't initialize items array data source until attached
• 238d601, 78e00d1 Rename iconHidden property to leaf
• 1ba0ebc Rename Hierarchy feature to Tree
• 2d35243 Set grid to loading state when requesting new data

4.0.0 - Pure Polymer 2.0 Stable Version

Live Demo →
API Documentation →

No Changes Since v4.0.0-beta1

v4.1.0-alpha3

Live Demo →
API Documentation →

Changes Since v4.1.0-alpha2:

• 15af8a9 Fix outdated column reordering tests attribute check

• cbdf91b Do not start reordering on resize frozen column

• 9907230 Document styling API for hierarchy toggle

• 7627d95 Test fixes for hierarchy toggle

• 76c4bee Unexpose spacer part in hierarchy toggle

• 73490ae Rtl support fixes for hierarchy toggle

• 8faf046 Fix hierarchy toggle icons for MSIE 11

  Gotcha: CSS font name should match embedded file metadata.

• 1943626 Fix vertical alignment for hierarchy toggle

• 889fb74 Hierarchy demo: decrease second column width

• b52ac03 Simplify hierarchy toggle parts and styles, remove default theme

• eab3136 Do not activate column resize while reordering

• 6b4b639 Remove emoji icons from hierarchy demo

v4.1.0-alpha2

Live Demo →
API Documentation →

Changes Since v4.1.0-alpha1:

• 921bb8d Don't override font-size in sizer cells

• 91ce4e5 Add API docs for hierarchy template variables

• 8ff6062 API change: replace hierarchy toggle enabled property with iconHidden property

• 0260cb2 Use font icons in hierarchy toggle, prettify default theme

• 69cc325 Fix missing style scope when using array items and ShadyDOM

• 9a2d390 Warn about missing import for

• 203117e Add hidden attribute styles

• c25c011 Allow providing total size in the second argument of dataProvider
  callback

• 6a7abea Replace paper elements with vaadin elements in demos

• a871038 Revert demos to es5

• 24d2d8c Don't focus a body cell on size change if focus is outside body

• de3445a Fix hierarchy demo to display static generated filesystem data

v4.1.0-alpha1 — First Alpha for Hierarchy Feature

Live Demo →
API Documentation →

New Features

• Hierarchy support for data provider:

  grid.dataProvider = function(params, callback) {
    // New request param: `params.parentItem`:
    // - `null` when first hierarchy level is requested,
    // - parent item reference when a sublevel is requested.
    
    yourApiRequest(params, function(response) {
      // Callback expects items for the page, and total size of this hierarchy level
      callback(response.items, response.totalLevelSize);
    });
  };

• New template variables for use in <vaadin-grid-column> body cell templates:

  • level (type: integer Number), current item’s level of the hierarchy. First level is 0.
  • expanded (type: Boolean), true when current item’s hierarchy sublevel is expanded. Supports two-way binding. Default is false, hierarchy is collapsed.

• New helper element: <vaadin-grid-hierarchy-toggle> for use in column templates:

  <vaadin-grid data-provider="[[hierarchyDataProvider]]">
    <vaadin-grid-column>
      <template class="header">Name</template>
      <template>
  
        <vaadin-grid-hierarchy-toggle
            enabled="[[item.hasChildren]]"
            expanded="{{expanded}}"
            level="[[level]]">
          [[item.name]]
        </vaadin-grid-hierarchy-toggle>
  
      </template>
    </vaadin-grid-column>
  </vaadin-grid>

• New <vaadin-grid> hierarchy APIs:

  • expandItem(item) method
  • collapseItem(item) method
  • expandedItems array

v4.0.0-beta1 — First Beta for Pure Polymer 2 Grid

Live Demo →
API Documentation →

Changes Since v4.0.0-alpha5:

• 7061770 Remove interacting and navigating properties

  Also, mark internal modules private

• 021e08f Don't support optional indexes in item APIs

• 465ee0d Fix linter errors

• 31b8350 Fix yargs version

• cad0730 Update README.md

⚠️ Breaking Changes:

Since v4.0.0-alpha5:

• interacting and navigating properties were removed from <vaadin-grid>. The corresponding attributes are still available for styling.

Since v3.x:

• APIs renamed:

  • expandItem(item) → openItemDetails(item)
  • collapseItem(item) → closeItemDetails(item)
  • {{expanded}} → {{detailsOpened}}
  • expandedItems[] → detailsOpenedItems[]

v4.0.0-alpha5

Live Demo →
API Documentation →

Changes Since v4.0.0-alpha4:

• 7c8cf74 Use vaadin-text-field as the default filter input

• f39be29 Increase selection column default width

• a6a45ba Support non-vaadin-grid column elements

• 83ced66 Rename row details APIs to not use expand/collapse/expanded

⚠️ BREAKING CHANGES

APIs renamed:

• expandItem(item) → openItemDetails(item)
• collapseItem(item) → closeItemDetails(item)
• {{expanded}} → {{detailsOpened}}
• expandedItems[] → detailsOpenedItems[]

v4.0.0-alpha4

Live Demo →
API Documentation →

Changes Since v4.0.0-alpha3:

• 54bb722 Replace tabindex 1 on cells with 0 + programmatic tab section jumps. Fixes wrong tab order in context of a document on Shady DOM platforms.
• dc9db3e Fix tab skipping body rows in some cases
• 45aa9e2 Use outer scroller on Firefox also.
• 026c303 Adjust scroll position only if dstCell in body
• 5b3c0fa Prevent space click for focusable cell content from toggling activeItem
• aaf8b83 Fix regression: sorter click does not focus cell
• 93ce6b2 Prevent column reordering if something has focus in the header cell content
• 3d4507d Avoid unnecessary _resizeHandler calls in resizing mixin track listener
• 1cbdb13 Replace cellContent focus workaround with mouseup focus workaround. Fixes #1029
• ccd02af Drop draggable content from basic demo
• ea1c6a4 Mind footer/header bounds when navigating vertically
• 7a07299 Never set template instance item to null or empty
• ff00be2 Update vaadin-grid.html
• 3256079 Reimpliment accessibility based on WAI-ARIA 1.1. Fixes #1015
  • Use aria-rowcount, aria-colcount on table
  • Use aria-rowindex on rows to indicate row numbers
  • Use aria-selected on cells to indicate selection
  • Use aria-expanded, aria-controls on cells to indicate row details
    toggle states
  • <vaadin-grid-sorter> sets aria-sort on parent cells
  • Add tests for all above and structural grid/row/gridcell roles in HTML
  • Remove hardcoded english textual announcements
• 338fd35 Fix Android Chrome jumpy headers issue