В моей таблице я использую Grouping Rows, но мне нужно указать номер длины группы, в показанном примере метка группы похожа на «+Title grouo (3)». Мне нужно стилизовать «(3)», поставив, например, метку начальной загрузки.
Как я могу стилизовать его?
Группировка строк в ag-сетке
Ответы (1)
Ag-grid довольно надежен и имеет отличные возможности для настройки. Я не использовал корпоративную версию, поэтому не играл с параметрами группировки строк столько, сколько должен, чтобы ответить на ваш вопрос. Однако вот что я нашел.
Существует cellRenderer, который вы можете использовать, если решите иметь специальную колонку для самих групп. Этот модуль рендеринга ячеек позволяет настраивать HTML по своему усмотрению и является атрибутом columnDefs для столбца Group.
В качестве альтернативы, если вы решите, чтобы группа использовала всю строку и не имела отдельного столбца для групп, вы можете использовать файл обратный вызов groupRowRenderer или groupRowInnerRenderer, которые являются атрибутами gridOptions.
Вот приведен пример, предоставленный ag-Grid, который использует groupRowInnerRenderer и кажется похожим на то, что вы ищете.
Наконец, если вы ищете самый быстрый и простой вариант, вы можете просто использовать jQuery или обычный поиск DOM, чтобы найти класс ag-group-child-count, который даст вам массив элементов span, которыми вы можете манипулировать, чтобы иметь правильный Bootstrap стиль, который вы хотите
TL;DR
сделай это:
document.getElementsByClassName("ag-group-child-count").add("bootstrap-label")
person
Jarod Moser
schedule
19.09.2016
привет, спасибо за ваш ответ, в моем случае я думаю, что лучше использовать самый быстрый способ, но, к сожалению, у меня нет класса под названием ag-group-child-count.
- person Pedro; 24.09.2016
Это не будет класс, который вы создали, это класс, который создается при инициализации ag-grid. Если вы посмотрите на элементы в инструментах разработчика, вы должны увидеть там clas. Я перешел на этот пример из ag-grid и открыл консоль разработчика и нашел класс, связанный с искомым номером. Я предположил, что это средство визуализации по умолчанию, но если это не так, вы сможете найти правильный класс, который вам нужен для вашего варианта использования.
- person Jarod Moser; 26.09.2016
