mxTvTable

Сетка в менеджере работает на Vue 3 и PrimeVue из пакета VueTools (имя пакета vuetools, версия 1.1.0 и новее). Сначала ставите VueTools, затем mxTvTable. Без VueTools админка покажет ошибку, виджет не запустится.
Сниппет на витрине VueTools не трогает: HTML рисует PHP. pdoTools желателен. Если его нет, сниппет сам подставляет дефолтные @INLINE-чанки.

Создайте TV. На вкладке «Параметры ввода» в поле Тип ввода выберите Table.

Свойства ниже задают размер сетки и заголовки: количество столбцов и строк, максимумы, заголовки через || (например Название||Цена), заголовок по умолчанию, ширину полей в пикселях, сортировку строк перетаскиванием.

Системные настройки: mxtvtable_clear_button (кнопка очистки, по умолчанию выкл.), mxtvtable_remove_confirm (подтверждение удаления, по умолчанию вкл.).

Для MIGX сделайте отдельный TV типа table и укажите его в поле формы как inputTV. В ресурсе откроется список элементов MIGX. По шестерёнке открывается окно с сеткой: «Добавить столбец», «Удалить столбец», плюс и минус у строки.

[[mxTvTable? &input=`[[+table]]`]]

{'mxTvTable'|snippet:['input' => $table]}

Из TV ресурса: [[mxTvTable? &tv=prices]] или [[*prices:mxTvTable]].

Полезные параметры: head (первая строка в ), getX / getY (first, last или индекс), tableClass (по умолчанию tvtable), чанки tdTpl, thTpl, trTpl, wrapperTpl.