⌗ instant-table

Instantly build a responsive table from your array of objects.

npm package version npm downloads code style: prettier

1. Easy

Simple and sortable. Just add data.

    <Table
      data={mockData.slice(0,3)}
    />

2. Breezy

  • breakpoint: Breakpoint is 768px by default.
  • headerOrder: Choose columns and sort them.
  • rowHeaders: Call attention to first column.
  • caption: Define a table caption
  • sortable: Define if rows are sortable (true by default)
Customer Data

Customer Data

    <Table
      data={mockData.slice(4,7)}
      breakpoint="800px"
      headerOrder={['Email', 'IP Address', 'Last Name', 'First Name', ]}
      rowHeaders
      caption="Customer Data"
      sortable={false}
    />

3. Beautiful

Custom Styles

    <Table
      data={mockData.slice(8,11)}
      tableColor="#44a08d"
      headerTextColor="black"
    />