Table - UX design features

[hetmann]

• design/functional implementation from "Design Better Data Tables"

• functionalities:

  • [ ] Fixed Header- using fixed={true}, default is false
  • [ ] Horizontal Scroll - first column is set as fixed
  • [ ] Row Style - using rowStyle from predefined list ["Zebra Stripes", "Line Divisions", "Free Form"], default=line
  • [ ] Display Density - using props density from predefined list ["large", "normal", "compact"], default=normal
  • [ ] Pagination - with perPage selectable
  • [ ] Expandable Rows - each row to have a method onClick
  • [ ] Sortable Columns - each column to have a prop sortable={true}
  • [ ] Searchable Columns - each column to have a prop search={true}
  • [ ] Customizable Columns - each column to have a prop hide={true} to hide a specific column