Таблица
компонент таблицы
@import 'node_modules/jcore-ui/lib/scss/components/table.scss';
Использование
Класс .j-table
| Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 |
|---|---|---|---|
| Значение 1 | Значение 2 | Значение 3 | Значение 4 |
Границы
Атрибуты data-border, data-border-bottom
| Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 |
|---|---|---|---|
| Значение 1 | Значение 2 | Значение 3 | Значение 4 |
| Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 |
|---|---|---|---|
| Значение 1 | Значение 2 | Значение 3 | Значение 4 |
Цвет
Атрибут [data-color="dark|light"]
| Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 |
|---|---|---|---|
| Значение 1 | Значение 2 | Значение 3 | Значение 4 |
| Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 |
|---|---|---|---|
| Значение 1 | Значение 2 | Значение 3 | Значение 4 |
Адаптивная таблица
Добавить блок обертку с классом .j-table-responsive
| Колонка 1 | Колонка 2 | Колонка 3 | Колонка 4 |
|---|---|---|---|
| Значение 1 | Значение 2 | Значение 3 | Значение 4 |