Material-components-web-components: Implement data table component

Created on 19 Aug 2019  路  4Comments  路  Source: material-components/material-components-web-components

I'm submitting a:

  • [ ] bug report
  • [x] feature request
Data Table Epic Components Feature Competitive parity Reduce adoption friction

Most helpful comment

Awesome :)

Just some comments on this. The Material Design guidelines for data tables are a bit light and don't really cater for line of business type applications, where you need to support for fairly large data sets (scrolling). Things like fixed headers and columns, detail rows, as well as virtualization are pretty much as must.

The article below covers data table requirements quite well.
https://uxdesign.cc/design-better-data-tables-4ecc99d23356

All 4 comments

Awesome :)

Just some comments on this. The Material Design guidelines for data tables are a bit light and don't really cater for line of business type applications, where you need to support for fairly large data sets (scrolling). Things like fixed headers and columns, detail rows, as well as virtualization are pretty much as must.

The article below covers data table requirements quite well.
https://uxdesign.cc/design-better-data-tables-4ecc99d23356

Here is cool vaadin grid for inspiration... https://vaadin.com/components/vaadin-grid

Love to see these features
1.Custom Cell Renderer
2.Custom Column Header
3.Option or pagination/infinite scrolling
4.Always Virtualized
5.Sticky Columns /rows(optional)
6.Filtering as part of table (optional)
7.Sorting
8.Column/row Reordering (Drag and drop)
9.expandled row and column
10.Custom Row Sizes
11.Show and Hide columns

  1. Export and import data
    13.Group by a column property
    14.Custom Footer Render
    15.Custom loading Indicator
    16.Action Buttons/icons (Delete,copy on select of a row)
    17.Row highlight
    18.themes

Hello, any idea when the missing components will be available ??? Many of the community are excited

Was this page helpful?
0 / 5 - 0 ratings

Related issues

holgerengels picture holgerengels  路  4Comments

AndreasGalster picture AndreasGalster  路  5Comments

nicolasr75 picture nicolasr75  路  4Comments

e111077 picture e111077  路  3Comments

ErikHellman picture ErikHellman  路  3Comments