Активные строки и ячейкиlink

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

С помощью модификатора можно визуально выделять конкретные строки или ячейки таблицы, делая их «активными».

Таблица классовlink

Класс Значение
.table-active --sf-table-accent-bg:var(--sf-table-active-bg);
color:var(--sf-table-active-color)

Описаниеlink

  • table-active — при применении к строке или ячейке таблицы, она становится визуально выделенной, например, чтобы указать на активный или выбранный элемент.

Пример использованияlink

<table class="table">
    <tbody>
        <tr class="table-active">
            <td>The Sliding Mr. Bones (Next Stop, Pottersville)</td>
            <td>Malcolm Lockyer</td>
            <td>1961</td>
        </tr>
        <tr>
            <td>Witchy Woman</td>
            <td>The Eagles</td>
            <td>1972</td>
        </tr>
        <tr>
            <td>Shining Star</td>
            <td class="table-active">Earth, Wind, and Fire</td>
            <td>1975</td>
        </tr>
    </tbody>
</table>