💎
Prizm Design System Documentation
ShowcaseGitHubRepot a Bug
  • About Prizm
    • Дизайн-система Prizm
    • Changelog
    • License
  • Guidelines
    • ⭕Accessibility
    • ⭕Colors
    • 🚧Design Tokens
      • Color
      • Border Radius
      • Box Shadow
      • Font
      • Line Height
      • Size
      • Space
      • Transition
      • Page
    • ⭕Grid
    • ⭕Iconography
    • ⭕Naming
    • ⭕Typography
    • 🚧Validation
  • Components
    • 🚧Accordion
    • 🚧Breadcrumbs
    • 🚧Buttons
      • Text Button
      • Icon Buttn
      • Split Button
    • 🚧Calendars
      • Calendar
      • Calendar Range
      • ⭕Calendar Month
      • Calendar Year
    • ⭕Card
    • 🚧Checkbox
    • 🚧Chips
    • 🚧Dialogs
      • Confirm dialog
      • Dialog
      • Sidebar
    • ⭕Hierarchy
    • Hint
    • 🚧Indicator
      • 🚧Counter
      • ⭕Point
      • ⭕Icon
    • 🚧Inputs
      • Chips
      • Chips Select
      • Chips Combobox
      • Date
      • Datе Time Range
      • Date Range
    • Navigation menu
    • 🚧Navigation Panel
      • Header
      • Navigation menu
    • 🚧Dropdown Menu
      • Context Menu
      • Dropdown Menu
    • 🚧Paginator
    • 🚧Panel
    • 🚧Progress
      • Bar
      • Spinner
    • 🚧RadioButton
    • 🚧Scrollbar
    • 🚧Shell
    • ⭕Skeleton
    • 🚧Slider
    • 🚧Splitter
    • 🚧Status Panel
    • 🚧Stepper
    • 🚧Switcher
    • ⭕Table
      • Настройки таблицы
    • 🚧Tab
    • Time Picker
    • 🚧Toast
    • 🚧Toggle
    • 🚧Tooltip
    • Tree
      • Tree Chevrone
      • Tree Line
    • 🚧Widget
  • Patterns
    • ⭕403 / 404
    • Query builder
    • ⭕Cron
    • None content
    • ⭕Group Content
    • ⭕File Upload
    • ⭕Side Menu
    • ⭕Zoom Control
Powered by GitBook
On this page
  • Общая информация
  • Отображение
  • Описание работы
  • Настройка столбцов
  • Шапка меню
  • Фиксированные колонки слева
  • Колонки
  • Фиксированные колонки справа
  • Описание работы
  • Размеры

Was this helpful?

  1. Components
  2. Table

Настройки таблицы

PreviousTableNextTab

Last updated 3 months ago

Was this helpful?

Общая информация

Настройки таблицы располагаются в выпадающих меню, вызываемых с помощью иконок в шапке таблицы, и делятся на два блока: настройка столбцов и внешний вид. В случае требования сценария, настройки можно объединить или вообще вынести за пределы меню. Вызываются с помощью соответствующих иконок.

Отображение

Вызывается в панели таблицы с помощью кнопки-иконки настройки (sliders-h).

Меню настройки отображения таблицы состоит из нескольких блоков:

  1. Шапка меню

  2. Блок с настройками

  3. Блок кнопок

Описание работы

В меню имеется 4 вида настройки: Высота ячейки

  • Высота ячеек

  • Зебра

  • Вертикальные разделители

  • Горизонтальные разделители

Высота ячеек

Настройка состоит из комбобокса с выпадающим списком, в котором можно выбрать один из вариантов размеров высоты ячеек.

Зебра

Настройка включает в себя тогл, при включении которого, включается зебра таблицы:

Вертикальные и горизонтальные разделители

Настройка включает в себя 2 тогла «Вертикальные разделители» и «Горизонтальные разделители». Если включены два тогла, ячейки таблицы показывают вертикальные и горизонтальные разделители:

Если включен только тогл «Горизонтальные разделители», ячейки таблицы показывают только горизонтальные разделители:

Если включен только тогл «Вертикальные разделители», ячейки таблицы показывают только вертикальные разделители:

Также у тоглов имеется взаимосвязь, если один из тоглов уже отключен, при попытке отключить второй, первый автоматически включится.

Настройка столбцов

Меню настройки таблицы состоит из нескольких блоков:

  1. Шапка меню

  2. Фиксированные колонки слева (опционально)

  3. Колонки

  4. Фиксированные колонки справа (опционально)

  5. Блок кнопок

Шапка меню

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

Фиксированные колонки слева

Содержит в себе область darg-n-drop, в которую можно перетащить колонки таблицы, которые расположены в блоке «Колонки» для их фиксации слева.

Колонки

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

Фиксированные колонки справа

Содержит в себе область darg-n-drop, в которую можно перетащить колонки таблицы, которые расположены в блоке «Колонки», для их фиксации справа.

Описание работы

Все блоки с колонками меню имеют одинаковый функционал:

  1. Скрытие колонок

Если по умолчанию, имеется колонка, которую нельзя скрывать, вместо кнопки-иконки глазика, высвечивается иконка замка в состоянии Disable, а при наведении на неё выводится хинт с информацией: «Нельзя скрыть данную колонку»:

Так же, если при скрытии колонок остаётся одна видимая, то вместо кнопки-иконки глазика, высвечивается иконка замка в состоянии Disable, а при наведении на неё выводится хинт с информацией: «Нельзя скрыть последнюю колонку»:

Для разработчиков. Если по умолчанию, имеется колонка(и), которую нельзя скрывать, при клике на кнопку «Показать все» её настройки не меняются.

  1. Включение видимости колонок

  1. Изменение порядка колонок

Если по умолчанию какую-то из колонок перемещать нельзя, она показывается в состоянии Disable, а при наведении на неё выводится хинт с информацией: «Нельзя перемещать данную колонку»

  1. Перетаскивание колонок в соседние блоки для фиксации и наоборот

Размеры

Меню настройки таблицы имеет фиксированную ширину - 360 px и динамическую высоту, в зависимости от количества столбцов и их настройки. Максимально разрешённая высота меню - 740 px, а количество столбцов таблицы, выводимых в видимой части блока «Колонки» - 10 шт.

Вызывается в панели таблицы с помощью кнопки-иконки настройки (gear-8).

⭕