如何在 Ag-Grid 中将相同的相邻行与动态行跨度合并?
How do I merge identical adjacent rows with dynamic row spans in Ag-Grid?
我见过的大多数行跨越示例都涉及硬编码值。
如何根据列值动态创建行跨度?具体来说,我想将所有相邻的相同行动态合并到一个单元格中,以获得如下结果:
Ag-Grid - Only Date rows are to be span
定义行跨度的函数逻辑可以访问其他行的值吗?它可以相对于自身这样做吗(例如,下一行,上一行)?
定义列定义时,您可以指定每列的行跨度。
例如,这将指定合并 5 行
colDef = {
headerName: "Country",
field: "country",
rowSpan: 5
}
你也可以把它作为一个函数来变得更加动态
colDef = {
headerName: "Country",
field: "country",
rowSpan: function(params) {
return params.data.country==='Russia' ? 2 : 1;
}
}
如果国家/地区是俄罗斯,这将指定 2 个合并行,其他国家/地区为 1 个。这取自 AG-Grid 文档 here.
我建议阅读文档中有关行跨度的更多信息。解释的很好。
我见过的大多数行跨越示例都涉及硬编码值。
如何根据列值动态创建行跨度?具体来说,我想将所有相邻的相同行动态合并到一个单元格中,以获得如下结果:
Ag-Grid - Only Date rows are to be span
定义行跨度的函数逻辑可以访问其他行的值吗?它可以相对于自身这样做吗(例如,下一行,上一行)?
定义列定义时,您可以指定每列的行跨度。
例如,这将指定合并 5 行
colDef = {
headerName: "Country",
field: "country",
rowSpan: 5
}
你也可以把它作为一个函数来变得更加动态
colDef = {
headerName: "Country",
field: "country",
rowSpan: function(params) {
return params.data.country==='Russia' ? 2 : 1;
}
}
如果国家/地区是俄罗斯,这将指定 2 个合并行,其他国家/地区为 1 个。这取自 AG-Grid 文档 here.
我建议阅读文档中有关行跨度的更多信息。解释的很好。