@jdl2/table

The data table is a basic table used to display columnar data using a simple declarative syntax.

Stats

StarsIssuesVersionUpdatedCreatedSize
@jdl2/table
2.0.0-alpha.303 years ago3 years agoMinified + gzip package size for @jdl2/table in KB

Readme

The data table is a basic table used to display columnar data using a simple declarative syntax.

Simply define as many Table.Col children with header and cell props to get a basic table:

<Table items={users}>
    <Table.Col header="Username" expand>{user => user.username}</Table.Col>
    <Table.Col header="Country">{user => user.country}</Table.Col>
</Table>
const users = [
    {
        username: 'Joe',
        country: 'USA',
    },
    {
        username: 'Vincent',
        country: 'France',
    },
];
<Table items={users}>
    <Table.Col header="Username">{user => user.username} expand</Table.Col>
    <Table.Col header="Country">{user => user.country}</Table.Col>
</Table>;

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.