58 lines
1.7 KiB
CSS
58 lines
1.7 KiB
CSS
/* Контейнер для таблицы с прокруткой */
|
||
.table-container {
|
||
width: 100%;
|
||
/* Занимает всю доступную ширину */
|
||
overflow-x: auto;
|
||
/* Горизонтальная прокрутка при необходимости */
|
||
margin: 0 auto;
|
||
/* Центрирование контейнера */
|
||
}
|
||
|
||
/* Стили для таблицы */
|
||
.tree-table {
|
||
width: auto;
|
||
/* Автоматическая ширина, чтобы таблица могла расширяться */
|
||
min-width: 95%;
|
||
/* Минимальная ширина таблицы */
|
||
border-collapse: collapse;
|
||
margin: 0 auto;
|
||
/* Центрирование таблицы */
|
||
}
|
||
|
||
/* Заголовки таблицы (первый уровень) */
|
||
.tree-table th {
|
||
border: 1px solid #ddd;
|
||
padding: 8px;
|
||
text-align: left;
|
||
white-space: nowrap;
|
||
/* Запрет на перенос текста */
|
||
font-weight: bold;
|
||
/* Жирный шрифт для заголовков */
|
||
}
|
||
|
||
/* Подзаголовки (второй уровень: "АО" и "ПО") */
|
||
.tree-table-subheader {
|
||
font-weight: 500;
|
||
/* Жирный шрифт для подзаголовков */
|
||
}
|
||
|
||
/* Ячейки таблицы */
|
||
.tree-table td {
|
||
border: 1px solid #ddd;
|
||
padding: 8px;
|
||
text-align: left;
|
||
white-space: nowrap;
|
||
/* Запрет на перенос текста */
|
||
font-weight: normal;
|
||
/* Обычный шрифт для ячеек */
|
||
}
|
||
|
||
/* Цвет фона для заголовков */
|
||
.tree-table-header {
|
||
background-color: #f4f4f4;
|
||
}
|
||
|
||
/* Чередование цвета строк */
|
||
.tree-table-row:nth-child(even) {
|
||
background-color: #f9f9f9;
|
||
} |