2.3 KiB
| id | title | sidebar_label |
|---|---|---|
| basic-column | Work on Column | Work on Column |
Firstly, legacy react-bootstrap-table is hard to customize the DOM Event, Attributes on column or header column. In the react-bootstrap-table2, we make those bad design become more easy and flexible.
Live Demo For Column
Live Demo For Header Column
API & Props Definition
Formatting Table Column
column.formatter is a good chance for you to customize the cell. If you just want to add some styling, attributes or DOM event linstener, react-bootstrap-table2 have respective props to handle:
In addition, we also give some useful props to let you have a quickly configuration:
column.hiddencolumn.titlecolumn.align- Welcome to submit a PR or issue for asking a convinence props for column :)
Formatting Table Header
Formatting header column is almost same as column formatting, we got column.headerFormatter to let you customize the content of a header column. Default react-bootstrap-table2 will take column.text as the content of header column.
Following, we list some useful props for customization: