Параметры по умолчанию для таблицlink

https://dev.ru.simai.io/ru/ui/utility/table/table-default.php

По умолчанию таблицы (тег table) в SIMAI Framework имеют следующие стили, использующие переменные для настройки цвета границ, заливки строк и столбцов, а также состояний при наведении и множественном выделении.

Значения по умолчаниюlink

Объект Переменная
цвет границ таблицы --sf-outline-variant
заливка чередующихся строк или столбцов --sf-surface-transparent-select
заливка выделенных строк (при наведении) --sf-primary-transparent-hover
заливка выделенных строк (при множественном выделении) --sf-primary-transparent-select

Используя эти переменные, вы можете легко менять внешний вид таблиц, подстраивая их под нужный дизайн.

Примерlink

<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.