0

Hello everyone,  I have the following problem: I have fixed the first 11 columns in Datagrid 2 so that they cannot be scrolled to the left. If I don't scroll down, it works. But as soon as I scroll down and then to the right, the system moves the columns above the first 11 fixed columns instead of below them. This can also be seen in the video. Maybe someone can help me with this problem.   Thank you very much   Code: .table-togetherPlausibilityChecksQa { .table .th:nth-child(1) { left: 0; min-width: 3em; position: sticky!important; z-index: 10; background-color: white!important; } .table .td:nth-child(1) { left: 0; min-width: 3em; position: sticky; z-index: +2; } .table .th:nth-child(2) { left: 3em; min-width:11.5em; position: sticky; z-index: 10; } .table .td:nth-child(2) { left: 3em; min-width:11.5em; position: sticky; z-index: +2; } .table .th:nth-child(3) { left: 14.5em; min-width: 8.5em; position: sticky; z-index: 10; } .table .td:nth-child(3) { left: 14.5em; min-width: 8.5em; position: sticky; z-index: +2; } .table .th:nth-child(4) { position: sticky; left: 23em; min-width:8.5em; z-index: 10; } .table .td:nth-child(4) { left: 23em; min-width:8.5em; position: sticky; z-index: +2; } .table .th:nth-child(5) { position: sticky; left: 31.5em; min-width: 8.5em; z-index: 10; } .table .td:nth-child(5) { left: 31.5em; min-width: 8.5em; position: sticky; z-index: +2; } .table .th:nth-child(6) { position: sticky; left: 40em; min-width: 8.5em; z-index: 10; top: 100; } .table .td:nth-child(6) { left: 40em; min-width: 8.5em; position: sticky; z-index: +2; } .table .th:nth-child(7) { position: sticky; left: 48.5em; min-width: 8.5em; z-index: 10; } .table .td:nth-child(7) { left: 48.5em; min-width: 8.5em; position: sticky; z-index: +2; } .table .th:nth-child(8) { position: sticky; left: 57em; min-width: 8.5em; z-index: 10; } .table .td:nth-child(8) { left: 57em; min-width: 8.5em; position: sticky; z-index: +2; } .table .th:nth-child(9) { position: sticky; left: 65.5em; min-width: 8.5em; z-index: 10; } .table .td:nth-child(9) { left: 65.5em; min-width: 8.5em; position: sticky; z-index: +2; } .table .th:nth-child(10) { position: sticky; left: 74em; min-width: 12em; z-index: 10; } .table .td:nth-child(10) { left: 74em; min-width: 12em; position: sticky; z-index: +2; } .table .th:nth-child(11) { position: sticky; left: 86em; min-width: 8.5em; z-index: 10; } .table .td:nth-child(11) { left: 86em; min-width: 8.5em; position: sticky; z-index: +2; } .tr:hover > .td { background-color: #efead8; color: black; cursor: pointer } .td { background-color: #e3e3e3; } }     That's not ok!     That's ok!    

asked 2024-12-18

0 answers