Fix First Column of a Bootstrap Table

Question

I followed @koala_dev\'s code in this post to try to lock the first column s my table scrolls horizontally. The code unfortunately has no effect on my table. I was wondering

Answer 1

The following style will create a stripped table with the first column fixed:

th:first-child, td:first-child{
    position: sticky;
    left: 0px;
    z-index: 1;
}
tr:nth-child(odd) > td{
    background-color: #ededed;
}
tr:nth-child(even) > td{
    background-color: #e2e2e2;
}
tr:nth-child(odd) > th{
    background-color: #d7d7d7;
}