ag-grid - 替代行组颜色（行跨度之后）

Question

这是我的数据结构：

ag-grid 中的跨越对于第 1 列和第 2 列正常工作（跨越代码如下）。我想做的是根据第 2 列（动物）替换颜色。所以狗的所有行都是一种颜色。猫的所有行都是另一行，等等。有谁知道我如何实现这一目标？我在网上看到了交替所有行颜色的示例，但没有看到像上面那样交替整个行组的示例。下面是我的跨 javascript 代码的行（如果有帮助的话）。

dagfuncs.rowSpanning1 = function (params) {

var lid = params.data ? params.data.sort1 : undefined;

if (lid === 1) {

    return 3;

}  else {

    return 1;

}

}

dagfuncs.rowSpanning2 = function (params) {

var id1 = params.data ? params.data.sort2 : undefined;

if (id1 === 1) {

    return params.data.sortx;

}  else {

    return 0;

}

}

Answer 1

这可以通过使用基于“动物”值的自定义行类来实现。 https://www.ag-grid.com/javascript-data-grid/row-styles/#row-class

你需要做这样的事情：

getRowClass: params => {
        if (params.node.data.animal  === 'dog') {
            return 'dog-class';
        } else if (params.node.data.animal  === 'cat') {
            return 'cat-class';
        }
        // and so on
    }

然后类可以有适当的样式定义：

.dog-class {background-color: goldenrod;}

.cat-class {background-color: coral;}