Instantly build a responsive table from your array of objects.
Simple and sortable. Just add data.
<Table
data={mockData.slice(0,3)}
/>
breakpoint
: Breakpoint is 768px by default.headerOrder
: Choose columns and sort them.rowHeaders
: Call attention to first column.caption
: Define a table captionsortable
: Define if rows are sortable (true by default) <Table
data={mockData.slice(4,7)}
breakpoint="800px"
headerOrder={['Email', 'IP Address', 'Last Name', 'First Name', ]}
rowHeaders
caption="Customer Data"
sortable={false}
/>
Custom Styles
<Table
data={mockData.slice(8,11)}
tableColor="#44a08d"
headerTextColor="black"
/>