Skip to content

Таблицы SFC

Таблица в Component SFC — compound-компонент с единым renderer-neutral контрактом. Source описывает данные, колонки, меню и authored defaults, compiler переводит их в IR, а активный UI-адаптер материализует конкретный grid.

vue
<Table
  ref="orders"
  id="orders"
  :rows="rows"
  row-key="id"
  paging="pages"
  page-size="25"
>
  <Column key="number" title="Номер" sortable />
  <Column key="status" title="Статус">
    <Cell><Badge :tone="row.statusTone">{{ value }}</Badge></Cell>
  </Column>
</Table>

Границы ответственности

СлойОтветственность
Query / Store / DataViewПолучение, хранение, обновление и подготовка строк
Component SFCСтруктура Table, Column, Cell, меню и связи с портами
Table runtimeЛокальная сортировка, paging, selection и состояние колонок
UI-адаптерDOM/grid renderer, виртуализация и визуальные контролы
Action providerПрикладной эффект: открытие, удаление, запрос или диалог

Table не выполняет Query и не мутирует Store напрямую. Он принимает готовую коллекцию rows, публикует смысловые Events и вызывает Actions через runtime.

Что читать дальше

Краткий справочник атрибутов остаётся на странице Table.