Table Component - Githubissues

brewkit / components

An easy-to-theme design system for creating impactful UIs using React and TypeScript.

MIT License

5 stars 5 forks source link

Table Component #112

Open alyssadee opened 3 years ago

alyssadee commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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