Строки грида

Строки грида определяются параметром ROWS.

Параметры строки

Параметр	Тип	Описание
id	string / int	Идентификатор строки.
columns	array	Массив с данными для ячеек колонок, в формате 'COLUMN_ID' => 'Cell data', либо 'COLUMN_ID' => [...] если тип колонки равен LABELS или TAGS из \Bitrix\Main\Grid\Column\Type. Пример 'columns' => [ 'TITLE' => 'Сделать анимацию добавления нового элемента в грид', 'DATE' => '15 сентября 2022, 14:51', 'AUTHOR' => 'Владимир Белов', 'TAGS' => [ 'addButton' => [ 'events' => [ 'click' => 'console.log.bind(null, "add button click")', ], ], 'items' => [ [ 'text' => 'Грид', 'active' => false, 'events' => [ 'click' => 'console.log.bind(null, "tag click")', ], 'removeButton' => [ 'events' => [ 'click' => 'console.log.bind(null, "tag remove click")', ], ], ], [ 'text' => 'UI', 'active' => false, 'events' => [ 'click' => 'console.log.bind(null, "tag click")', ], 'removeButton' => [ 'events' => [ 'click' => 'console.log.bind(null, "tag remove click")', ], ], ], [ 'text' => 'Анимация', 'active' => true, 'events' => [ 'click' => 'console.log.bind(null, "tag click")', ], 'removeButton' => [ 'events' => [ 'click' => 'console.log.bind(null, "tag remove click")', ], ], ], [ 'text' => 'Главный модуль', 'active' => false, 'events' => [ 'click' => 'console.log.bind(null, "tag click")', ], 'removeButton' => [ 'events' => [ 'click' => 'console.log.bind(null, "tag remove click")', ], ], ] ], ], 'LABELS' => [ [ 'text' => 'Лейбл #1', 'color' => \Bitrix\Main\Grid\Cell\Label\Color::DANGER, 'events' => [ 'click' => "console.log.bind(null, 'Label click')", ], 'removeButton' => [ 'type' => \Bitrix\Main\Grid\Cell\Label\RemoveButtonType::INSIDE, 'events' => [ 'click' => "console.log.bind(null, 'Label remove click')", ], ], ], [ 'text' => 'Лейбл #2', 'color' => \Bitrix\Main\Grid\Cell\Label\Color::PRIMARY, 'events' => [ 'click' => "console.log", ], 'removeButton' => [ 'type' => \Bitrix\Main\Grid\Cell\Label\RemoveButtonType::OUTSIDE, 'events' => [ 'click' => "console.log.bind(null, 'Label remove click')", ], ], ], [ 'text' => 'Лейбл #3', 'color' => \Bitrix\Main\Grid\Cell\Label\Color::SECONDARY, 'events' => [ 'click' => "console.log", ], 'remove-button-events' => [ 'click' => "console.log.bind(null, 'remove')", ], ], [ 'text' => '«Text»', 'color' => \Bitrix\Main\Grid\Cell\Label\Color::LIGHT, 'events' => [ 'click' => "console.log", ], 'remove-button-events' => [ 'click' => "console.log.bind(null, 'remove')", ], ], ], ..., ],
data	array	Данные для инлайн-редактирования. Например, если в columns мы можем передать данные для ячейки в том виде, в котором они должны отобразиться, то в data мы можем передать исходные данные которые нужны для редактирования. 'columns' => [ 'HREF' => '<a href="/my/url">My url</a>', ..., ], 'data' => [ 'HREF' => '/my/url', ..., ], Также, data может использоваться как альтернатива columns, в режиме обратной совместимости с предыдущей реализацией грида. Если columns не указан, то грид попытается вывести данные из data.
editableColumns	array	Определяет редактируемость ячеек колонки на уровне строки. Например, если колонка редактируемая, но для конкретной строки нужно запретить редактирование ячейки этой колонки, то в editableColumns можно указать идентификатор колонки со значением false. 'editableColumns' => [ 'MY_COLUMN_ID' => false, ],
actions	array	Определяет действия над строкой. 'actions' => [ [ 'delimiter' => boolean, 'className' => string, 'title' => string, 'text' => string, 'onclick' => string, 'href' => string, 'default' => boolean, 'items' => array, ], ..., ],
custom	string	Произвольный контент строки. Выводится в одну ячейку.
counters	array	Счетчики. Позволяет вывести счетчики для любой ячейки строки. 'counters' => [ 'COLUMN_ID' => [ 'type' => \Bitrix\Main\Grid\Counter\Type::LEFT, 'value' => 2, 'color' => 'counter-color-css-class', 'size' => 'counter-size-css-class', 'class' => 'counter-custom-css-class', ], ..., ],
cellActions	array	Позволяет вывести дополнительные элементы управления для ячейки. 'cellActions' => [ 'col1' => [ [ 'class' => [ \Bitrix\Main\Grid\CellActions::PIN, \Bitrix\Main\Grid\CellActionState::ACTIVE, ], 'events' => [ 'click' => 'onCellActionButtonClick', ], 'attributes' => [ 'data-test' => 'test', ], ], [ 'class' => [ \Bitrix\Main\Grid\CellActions::MUTE, \Bitrix\Main\Grid\CellActionState::ACTIVE, ], 'events' => [ 'click' => 'onCellActionButtonClick', ], 'attributes' => [ 'data-test' => 'test', ], ], ], ],