Data Grid: Freeze Column

0
Hello, I am dealing with a large data set in a data grid and want to freeze the first column when I scroll in the right, just like excel. I checked the forum but could not find the answer. Is it possible? Regards, Puneet
asked
1 answers
2

https://forum.mendix.com/link/questions/92913

 

answered
0

.table .th:nth-child(2),

.table .td:nth-child(2) {

left: 0;

position: sticky;

z-index: 999;

}

 

.table .th:nth-child(3),

.table .td:nth-child(3) {

left: 210px;   // adjust as per your project

position: sticky;

z-index: 998;

}

 

.table .td:nth-child(n+4) {

left: 200px;  // adjust as per your project

position: sticky;

z-index: 997;

 

}

.table .td:nth-child(3) ,

.table .td:nth-child(2) {

background-color: white;

}

.table .th:nth-child(2),

.table .td:nth-child(2) {

left: 0;

position: sticky;

z-index: 999;

}

 

.table .th:nth-child(3),

.table .td:nth-child(3) {

left: 210px;   // adjust as per your project

position: sticky;

z-index: 998;

}

 

.table .td:nth-child(n+4) {

left: 200px;  // adjust as per your project

position: sticky;

z-index: 997;

 

}

.table .td:nth-child(3) ,

.table .td:nth-child(2) {

background-color: white;

}

https://forum.mendix.com/link/space/studio-pro/questions/126019https://forum.mendix.com/link/space/studio-pro/questions/126019


 

 

answered