Input data, output a react responsive table ✨
https://instant-table.coston.io
- Instantly build a table from your array of objects
- Automatic headers
- Responsive conversion to HTML
<dl>key-value format at mobile breakpoint - Great Accessibility
- Customizations
Install with npm:
npm i instant-table<Table data={mockData.slice(0, 20)} />| Prop | Type | Argument | Default | Description |
|---|---|---|---|---|
| data | array |
required |
null |
array of objects |
| breakpoint | string |
optional |
768px |
Width at which the table becomes a list |
| headerOrder | array |
optional |
first object order | Choose columns to display with order |
| rowHeaders | boolean |
optional |
false |
convert first column to row headers |
| caption | string |
optional |
null |
add a table caption |
| sortable | boolean |
optional |
true |
set to false to disable sortability |
| tableColor | string |
optional |
black |
set header background color |
| headerTextColor | string |
optional |
white |
set header text color |
Please help ship data faster! Submit any issues and/or make a pull request!