@jdl2/table
TypeScript icon, indicating that this package has built-in type declarations

2.0.0-alpha.30 • Public • Published

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>;

Readme

Keywords

none

Package Sidebar

Install

npm i @jdl2/table

Weekly Downloads

1

Version

2.0.0-alpha.30

License

none

Unpacked Size

7.57 kB

Total Files

7

Last publish

Collaborators

  • kzantow