search

AllenFang / react-bootstrap-table

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

Reduce window size -> column disappear #1079

Open josselinh opened 7 years ago

josselinh commented 7 years ago

Hello @AllenFang ,

I have a table like this : image All columns have a fixed width in pixel, except post name and page name (70% & 30%). If I reduce the window, post name & page name disappear because they don't have a fixed width in pixel. image

Do you have any trick to prevent this thing ? I'm using v3.0.0-beta.11

Thank you :)

josselinh commented 7 years ago

You can test it with your example http://allenfang.github.io/react-bootstrap-table/example.html#column - Column Width If you reduce the window, product id will disappear

almassapargali commented 7 years ago

I have the same issue, have many fixed columns, and one flexible, which should take whatever space is left. But if I reduce window, it disappears. Also would be great if I could set minWidth on that column.

josselinh commented 7 years ago

While waiting for a reply from Allen, I found a way to fix this : add a min-width style to the 2 tables (header and body, why 2 tables ?) MinWidth attribute is not yet supported, but even if wen can set it up with CSS, it won't work because tables have css style table-layout: fixed.

AllenFang commented 7 years ago

hi all, sorry, I'm still on vacation, I'm not sure the support min-width can fix this issue, maybe @almassapargali can try it

header and body, why 2 tables ?

Good question, because I can achieve make a single bootstrap table with the vertical and horizontal scroll bar, It's being ask so many time.

Please let me know if you have any question, thanks