After Several websites check, I found a solution which works only for one column(the first column)
Just set position:sticky
and left:0
th:first-child, td:first-child
{
position:sticky;
left:0px;
background-color:grey;
}
As above I tried for second column too
th:first-child, td:first-child
{
position:sticky;
left:0px;
background-color:grey;
}
th:nth-child(2), td:nth-child(2)
{
position:sticky;
left:0px;
background-color:grey;
}
But that doesn’t worked perfectly
Second Column scrolls till first column then it sticky
now second column overlapping with first column
Check the current gif
add comment
0 Answer
Your Answer
asked | |
viewed | 7 |
Related
- 2How to subtract two arrays in JS ?
- 1Generating a series of colors between two colors
- 1how to write function to generate an array between two integers
- 1How to know MySQL Database or Table Size
- 1border-radius doesn't work on safari, how to fix it?
- 3How do you add border to HTML Table?
- 1How to set DOM element as the first child?
- 1How can I compare files from two different branches?
- 1How to compare two arrays, and return the name of the array with highest value in a certain index
- 1How to skip first n lines of grep result
- 1Bootstrap helper classes issues