Столбец Ag-Grid во второй строке строки, если данные существуют

Question

Я хочу внедрить бесплатную версию ag-grid для отображения около 1000 записей.Записи содержат около 8 столбцов, которые будут отображаться в первой строке, но я бы хотел, чтобы 9-й столбец отображался по всей ширине строки во второй строке.Это будет отображаться только если данные существуют.Есть ли способ сделать это с Ag-Grid?

Answer 1

В бесплатной версии AgGrid у вас есть Полная ширина строки .Однако у вас не может быть строки полной ширины и обычной строки столбцов, которые оба имеют доступ к одним и тем же данным.И я предполагаю, что вам нужен такой дизайн:

|___|___|___|___|___|
|___________________|
|___|___|___|___|___|
|___________________|
|___|___|___|___|___|
|___________________|

Итак, чтобы иметь столбцы и строки, вам нужно будет продублировать данные и сделать что-то вроде

function isFullWidth(index) {
  return index % 2 === 0;
}

Теперь, если вы хотите, чтобы строка на всю ширину была расширяемой / складываемой (я полагаю, что для некоторой подробной информации 9-й столбец слишком мал, и вы хотите разместить кнопку расширения в этом столбце), вам необходимополучить ag-grid enterprise для группировки строк или деревьев строк.

Наша команда также столкнулась с этой проблемой (данные не умещаются в столбце), и мы пошли на подход, включив подсказку ngx-bootstrap-tooltip встолбец, поэтому при наведении (или hammer.js-жест) вы видите всплывающую подсказку.