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:

• column.style
• column.classes
• column.events
• column.attrs

In addition, we also give some useful props to let you have a quickly configuration:

• column.hidden
• column.title
• column.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:

• column.headerStyle
• column.headerClasses
• column.headerEvents
• column.headerAttrs
• column.headerTitle
• column.headerAlign