Implement first column as sticky when table scrolls horizontally about react-bootstrap-table2 HOT 5 OPEN

@AllenFang is this feature implemented
?

from react-bootstrap-table2.

Hi @prajapati-parth thanks for this suggestion, it's really useful when we have large columns. I'll consider to implement it when we finish the basic component structure in react-bootstrap-table2

Thanks

from react-bootstrap-table2.

I will be waiting for this!!!

from react-bootstrap-table2.

waiting for this feature..

from react-bootstrap-table2.

this worked for me thanks to AllenFang/react-bootstrap-table#723 (comment)

`.stickyFirstColumn {
/* style for the stick, fixed column*/
.react-bootstrap-table > table > tbody > tr > td:nth-child(1),
.react-bootstrap-table > table > thead > tr:nth-child(1) > th:nth-child(1) {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 2;
}

/*keeping proper row & td colors */
.react-bootstrap-table > table > tbody > tr{
background-color: #fff;
td {
background-color: #fff;
}
&:hover {
cursor: pointer;
background: #f6f9fc;
td {
background-color: #f6f9fc;
}
}
}

/keeping columns aligned during scrolling/
.react-bootstrap-table {
max-width: 100%;
overflow: overlay !important;
}
}`

from react-bootstrap-table2.