Data Tables
This is a our tailor-made hk-data-table based on react-bootstrap table.
Basic example
Add advanced interaction controls to Data tables like search, pagination etc. For responsive table just add the wrapperClasses="table-responsive" on <BootstrapTable />. View all options.
Sorting
For column sorting on table, you can add sort:true in Column.
Default Search
Add advanced interaction controls to Data tables like search, pagination etc. For responsive table just add the wrapperClasses="table-responsive" on <BootstrapTable />. View all options.
Custom Search
Add advanced interaction controls to Data tables like search, pagination etc. For responsive table just add the wrapperClasses="table-responsive" on <BootstrapTable />. View all options.
| ID | Name | Position | Office | Start Date | Salary |
|---|
Checkbox select
You can add check-box selection on table by adding a rowSelection props on <HkDataTable />
Export Table
You can export your table as a pdf, csv and excel by adding a exports props in <HkDataTable />.