AllenFang / react-bootstrap-table

A Bootstrap table built with React.js
https://allenfang.github.io/react-bootstrap-table/
MIT License
2.24k stars 783 forks source link

How to set table is responsesive same boostrap table #2079

Open psknew opened 5 years ago

psknew commented 5 years ago

I want to set my table is responsesive same https://getbootstrap.com/docs/4.3/content/tables/ now my table is this picture
mytable

prvakor19-22 commented 4 years ago

Try adding width to TableHeaderColumns without units, only number.

Case which worked for me was like this:

          <TableHeaderColumn
            width="90"
            dataField="button"
            dataFormat={this.editButtonFunction.bind(this)}>
            Actions
          </TableHeaderColumn>

This will add horizontal scroll to your table when you try to reduce size width of the window.