TODO.md

• Table

  • Column widths
    • Support flexGrow / flexShink (applies to remaining width (after fixed widths, after percentage-based?))
    • Support maxWidth
    • Consider adding columnWidth, columnMinWidth and columnMaxWidth to table for defaults if not defined within each column definition
      • Maybe just columnDefaults: { width, ... }
    • http://schrodinger.github.io/fixed-data-table-2/api-column.html
    • https://github.com/bvaughn/react-virtualized/blob/master/docs/Column.md
    • http://allenfang.github.io/react-bootstrap-table/docs.html#width
  • Ability to style each grid (top left, bottom right) and per cell
    • Now export style, might be helpful
  • Loading progress (spiner in footer, linear, overlay, ...)
    • Useful?: mui/material-ui#9785 (waiting for beta-28)
  • Fix scrolling performance on IE
  • Investigate using ColumnSizer
    • Might be unneeded with current columnWidth function
      • Consider adding maxWidth to column definition to allow columns to grow as well
  • Remove scrollbars from all but bottomRightGrid
    • Currently working for Chrome, Safari, IE, and Edge
    • Might want to consider
      • https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll
  • Colspan/rowspan - bvaughn/react-virtualized#123
  • Responsive strategy/strategies
    • https://elvery.net/demo/responsive-tables/
    • https://github.com/filamentgroup/tablesaw
    • https://css-tricks.com/responsive-data-tables/
    • https://www.sitepoint.com/responsive-data-tables-comprehensive-list-solutions/
    • https://zurb.com/playground/playground/responsive-tables/index.html
    • https://codepen.io/paghdalyogesh/pen/qNzGVx
    • google/material-design-lite#1504
    • Maybe consider using https://material-ui-next.com/demos/stepper/#mobile-stepper for stepping through data
  • Resizable columns
  • Reorder columns
  • Scrollbars
    • Look into handling scrollbar width (Windows IE and Chrome) better?
      • https://github.com/STORIS/react-scrollbar-size/blob/master/src/ScrollbarSize.jsx
      • https://github.com/turnerniles/react-virtualized-pivot/blob/140693f0b4dd00c7ca2c003b2c9b682684c1414a/src/components/Table/Table.jsx
    • Verify / support react-custom-scrollbars
      • bvaughn/react-virtualized#692

• Stories

  • All fixed width columns
  • Individual fixed width columns
  • Variable width columns
    • with/without minWidth
  • Order by / direction
  • Embedded within /
  • Async fetching examples