Мы имеем дело с группировкой строк ag-grid в реакции.Объявление нашего компонента выглядит следующим образом:
<AgGridReact
...
groupUseEntireRow={true}
groupRowInnerRendererFramework={GroupRowRenderer}
...
/>
Мы согласны с расширением / свертыванием по умолчанию.Нет необходимости сейчас изобретать это.Единственная проблема заключается в том, что groupCellRender
использует тег html span
для построения строки html.
export class GroupCellRenderer extends Component implements ICellRenderer {
private static TEMPLATE =
'<span>' +
'<span class="ag-group-expanded" ref="eExpanded"></span>' +
'<span class="ag-group-contracted" ref="eContracted"></span>' +
'<span class="ag-group-checkbox" ref="eCheckbox"></span>' +
'<span class="ag-group-value" ref="eValue"></span>' +
'<span class="ag-group-child-count" ref="eChildCount"></span>' +
'</span>';
Вопрос: можем ли мы переопределить его элементами div?Нам нужно вставить наши собственные компоненты, которые могут использовать элементы div, или мы даже можем использовать сторонние компоненты.Не очень приятно вставлять div в span.
Пожалуйста, дайте мне знать, если это возможно.
Спасибо!