Table

[Fahimansari]

Table

• Common characters of table component
  • should extend to 100% of the parent component it is in
  • table headers should always be vertically middle aligned.
  • Table contents shouldn't be wrapped
  • overflow in x-axis should be scrollable, but the scrollbar shouldn't be shown if there is no overflow
  • Table cells are white in color (which is not the case for @mui/joy tables)
• Flexibility that I want in tables:
  • I should be able to define such that data in a table column to show the data in a single line instead of breaking into multiple lines according to the width
  • I should be able to specify the alignment of the content inside table cells https://www.loom.com/share/36f590ac08614bb98e0ea3923953cfc5?focus_title=1&muted=1&from_recorder=1

[Pete-Sony]

A summary of the component Requirements

• Should take the 100% of the parent component
• The table header should always be vertically aligned ( Non-Customizable )
• The user should be able to decide on the table data properties such as wordbreak, alignement etc (Customisable)
• The table shouldn't wrap
• The table should be scrollable in the x-axis
• The table cells should be white in color

[Fahimansari]

@Pete-Sony

The table header should always be vertically aligned ( Non-Customizable ) Vertically Centre Aligned

Rest of them are fine