Fixed column in ReactTable component

css reactjs react-table
bhb picture bhb · Jan 3, 2018 · Viewed 14.3k times · Source

Could we fix a column when we get a horizontal column with smaller pages?

For example could we fix the column firstName in this example.

Cheers!!

Answer

Alex picture Alex · Apr 29, 2018

react-table does not support fixed columns, issue is opened Sticky columns. But there is already implemented workaround, you can find sources github or npm package (link taken from thread Sticky columns). Online Demo. Thanks to GuillaumeJasmin.

Related questions

React-Table column fixed width spoils whole table

Can someone explain this to me why i cant set fixed width on First Name column?It's setting passed width but it spoils whole table.If you tinker with resizing(by mouse) the column other columns will appear.Is this …

Read More
How to make some columns align left and some column align center in React Table - React

Hello Stack overflow members This is array for the column headers. I want column 1 to column 5 left align (all the header, sub header and table data cells of column 1 to column 5 to be left aligned) while I I want column 6 …

Read More
How to change CSS of columns - ReactTable

I am using react-table in my application. I am stuck in doing one thing i.e. changing the CSS of columns while a column is being resized. Currently when you resize a column only cursor changes. What I want is …

Read More