Как предотвратить перекрытие вращающихся заголовков с матовым столом в соседних столбцах? ⇐ CSS

[Anonymous]

В моем угловом приложении я использую мат с некоторыми именами длинных столбцов. Чтобы улучшить читаемость, я применил поворотное (-30deg) преобразование на метки заголовка. Тем не менее, это приводит к перекрытию метки DIV следующего столбца, а не появляется сверху. , но без успеха. Описание здесь "src =" https://i.sstatic.net/8iyknntk.png "/>




{{ column }}



{{ element[column] }}







< /code>
.rotated-span {
position: absolute;
height: 10px;
transform: rotate(-30deg);
transform-origin: center left;
white-space: nowrap;
z-index: 99 !important;
}

.header-class {
height: 100px;
background-color: white;
z-index: 1 !important;
}
< /code>
https://stackblitz.com/edit/angular-bbt4zr1j

Подробнее здесь: https://stackoverflow.com/questions/794 ... cent-colum