Как настроить стили таблицы в личном кабинете

Name: Как настроить стили таблицы в личном кабинете
Availability: InStock
Author: Falcon Space

В этом примере продемонстрирована таблица с кастомизацией стилей элементов. Кастомизация идет через data атрибуты сниппета:

<div class="as-table" data-code="watch_customClassesIcons" data-filterbtnclass="btn btn-success btn-lg" data-filterbtnicon="fa fa-filter" data-typicalfilterbtnicon="fa fa-eye" data-typicalfilterbtnclass="btn btn-primary btn-circle btn-sm" data-resetfilterbtnicon="fa fa-brush" data-resetfilterbtnclass="btn btn-dark btn-xl" data-titletooltipicon="fa fa-info" data-titletooltipclass="btn btn-primary text-danger btn-xs" data-titleclass="badge badge-info p-3" data-subtitleclass="alert alert-info" data-toolbarclass=" text-success border rounded" data-grouptoolbarclass="bg-info p-3  text-white border-dark mx-2" data-operationclass-oper1="btn btn-dark" data-operationclass-groupoper1=" btn btn-success" data-operationclass-rowoper1=" btn btn-info" data-removebtnicon="fa far fa-times" data-removebtnclass="btn btn-danger" data-commentsbtnicon="fa fa-comments" data-commentsbtnclass="btn btn-warning" data-numcolheader="№" data-createbtnicon="fa fa-exclamation" data-createbtnclass="btn btn-warning" data-createmodaltype="danger" data-modalbtnicon="fa fa-eye" data-modalbtnclass="btn btn-outline-danger btn-xs" data-subbtnplusicon="fa-eye" data-subbtnminusicon="fa-eye-slash" data-subbtnclass="btn btn-xs btn-info" data-noitemsclass="alert alert-warning" data-noitemsicon="fa fa-trash"></div>

Описание элементов можно найти в документации по таблицам

Другие демостенды

— Стилизация полей таблицы. Как улучшить дизайн таблиц на сайте
— Вставка ссылки на видео youtube в форме на сайте
— Выделение цветом минимального и максимального значения в таблице
— Стилизация шапки таблицы

Что есть в базе знаний по этой теме

— Работа с таблицами
— Как установить ширину колонки в таблице
— Кастомная разметка в таблице
— Как сделать фильтр с деревом галочек
— Стилизация фильтров таблицы

В чем выгода для бизнеса?

Глубокая настройка стилей таблицы позволяет полностью соответствовать корпоративному дизайну. Вы меняете цвета, кнопки, иконки. Это укрепляет бренд и создаёт единое визуальное пространство для пользователей.