search
Параметры по умолчанию для таблиц
https://dev.ru.simai.io/ru/ui/utility/table/table-default.php
По умолчанию таблицы (тег table) в SIMAI Framework имеют следующие стили, использующие переменные для настройки цвета
границ, заливки строк и столбцов, а также состояний при наведении и множественном выделении.
Значения по умолчанию
| Объект | Переменная |
|---|---|
| цвет границ таблицы | --sf-outline-variant |
| заливка чередующихся строк или столбцов | --sf-surface-transparent-select |
| заливка выделенных строк (при наведении) | --sf-primary-transparent-hover |
| заливка выделенных строк (при множественном выделении) | --sf-primary-transparent-select |
Используя эти переменные, вы можете легко менять внешний вид таблиц, подстраивая их под нужный дизайн.
Пример
<table>
<thead>
<tr>
<th>Заголовок 1</th>
<th>Заголовок 2</th>
<th>Заголовок 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Данные 1</td>
<td>Данные 2</td>
<td>Данные 3</td>
</tr>
<tr>
<td>Данные A</td>
<td>Данные B</td>
<td>Данные C</td>
</tr>
</tbody>
</table>
В данном примере:
- Цвет границ таблицы будет взят из переменной
--sf-outline-variant. - При применении дополнительных классов или состояний можно использовать заливки для чередующихся строк или выделения
строк по наведению или множественному выделению, использующие переменные
--sf-surface-transparent-select,--sf-primary-transparent-hoverи--sf-primary-transparent-select.