React-table: horizontal scroll
Hi there,
I've looked through the props and issues, and I could just be missing something. Is there a way to set a width and overflow for the table so that the table can be scrollable horizontally, or will I have to do that with CSS?
Thanks.
danmolitor
All 2 comments
The columns autosize to fit the width. If you size the columns beyond what can fit, the horizontal scroll will automatically be enabled. The table is designed to be "responsive" and does not support setting a horizontal width. However, each column allows for a width property - which you could set to various amounts that would cause the scroll to kick in.
Please also consider joining the #react-table Slack channel (badge in the README in the doco) as the github issues are for broken code or feature requests. Thanks.
gary-menzel
on 28 Nov 2017
See https://codesandbox.io/s/oo9j4z1139 for my implementation of the horizontal scroll.
oscarvdl
on 17 May 2018
Related issues
Paul6552
路
35Comments
vaidsu
路
29Comments
BenMGilman
路
22Comments
nikhilem
路
27Comments
ggascoigne
路
18Comments
Most helpful comment
The columns autosize to fit the width. If you size the columns beyond what can fit, the horizontal scroll will automatically be enabled. The table is designed to be "responsive" and does not support setting a horizontal width. However, each column allows for a
widthproperty - which you could set to various amounts that would cause the scroll to kick in.Please also consider joining the #react-table Slack channel (badge in the README in the doco) as the github issues are for broken code or feature requests. Thanks.