Freeze column functionality
See original GitHub issueHello @AllenFang,
We are currently using react-bootstrap-table in a project and everything is working perfectly but we really need the freeze column functionality and we’re wondering if it is planned to be implemented in react-bootstrap-table2 ?
Thanks
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (1 by maintainers)
Top Results From Across the Web
How to freeze rows and columns in Excel - Ablebits
Select the column (or the first cell in the column) to the right of the last column you want to lock. Go to...
Read more >How to Freeze Rows and Columns in Excel to Lock in Place
How to freeze Excel rows and columns, to lock in place. Which option to use. Fix problems hidden rows columns after freezing.
Read more >Excel 2016: Freezing Panes and View Options - GCFGlobal
In Excel freeze panes to compare information, and use view options in Excel to more easily read Excel spreadsheets.
Read more >Freeze Columns in Excel - Javatpoint
Freezing an Excel column typically locks or freezes the position of the column so that it doesn't scroll through the database while navigating...
Read more >JavaScript Data Grid Column freezing - Handsontable
Lock (freeze) the position of specified columns, keeping them visible while scrolling to another area of the grid.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

is this updated in react-bootstrap-table2 ???
Use the following CSS to Freeze the column
.react-bootstrap-table table > tbody > tr > td:nth-child(1), .react-bootstrap-table table > thead > tr:nth-child(1) > th:nth-child(1) { background-color: #ccc; position: sticky; position: -webkit-sticky; left:0; z-index:1; }