Ag-grid主/明细：展开详细信息时自定义行样式

Question

在我的工作中，我使用angular 7和ag-grid企业最新版本。我有一个配置了master / detail功能的ag-grid表，并且在扩展明细时需要自定义行的样式。例如，我只想在行的详细信息扩展时更改其背景颜色。我尝试使用CSS规则：

.ag-theme-material .ag-row-focus {
   background-color: $dark-grey-blue !important;
}

但是我没有得到正确的行为，因为即使在没有扩展细节的情况下，行也会更改其颜色，而我希望仅在扩展细节时才更改颜色。 我试图查看ag-grid的官方文档，但没有发现有关此特定情况的迹象。 你能帮我吗？ 谢谢

Answer 1

您可以使用网格回调 getRowStyle 完成此操作，并检测节点是否扩展：

gridOptions.getRowStyle = (params) => {
    if (params.node.expanded) {
        return { background: 'red' };
    } else {
        return { background: 'green' };
    }
}