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