Table Component

[alyssadee]

Description

A versatile table component with multiple features:

• Pagination
• Infinite Scroll
• Sorting by column
• Collapsible content rows
• Selection of a row
• Routing on click of a row AND static row with clickable cells
• Drag and drop sort of a row
• Responsive
• Customizable no results splash page
• Saved sort
• Search
• Filtering
• Export to CSV

Examples

https://material-ui.com/components/tables/
https://material-ui.com/api/collapse/
https://material-ui.com/components/data-grid/

Recommended Properties

• className: string: Allows the developer to add additional classes to the element.

[lawren]

Here's a first pass at why I think a Brewkit Table component might look like.

---

An example table with pagination and a collapsible row:

<Table paginated>
    <TableRow>
        <TableCell>Header1</TableCell>
        <TableCell>Header2</TableCell>
        <TableCell>Header3</TableCell>
    </TableRow>
    <CollapsibleTableRow>
        <TableCell>Entry1</TableCell>
        <TableCell>Entry2</TableCell>
        <TableCell>Entry3</TableCell>
    </TableRow>
</Table>

[emdrayallday]

I'm not sure how feasible this is, but I'd also like to include the data-fetching functionality inside the component. Having react-query built in and even customizable via props.

Including infinite-querying - pagination - manipulating data before it's sent back. All of this should be possible with react-query