Wednesday, January 17th, 2024
Posted by JS Park
A responsive Table component usage example.
If screen size is smaller, horizontal scroll appears. Check how Table and TableFooter components are wrapped below.
Set bordered prop to Table, TableRow and TableFooter to add rounded borders.
Use sortable and sortOrder props to make a column sortable.
Use textCase prop on the TableHead component for the text formatting for the header. It supports 2 text cases: uppercase and capitalize.