Ag grid Ag栅格主/详图：展开详图时的自定义行样式

对于我的工作，我使用angular 7和ag grid enterprise最新版本。我有一个配置了master/detail功能的ag网格表，我需要在展开细节时自定义行的样式。例如，我只想在展开行的详细信息时更改行的背景色。我尝试了CSS规则：

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

但是我没有得到正确的行为，因为即使在没有展开细节的情况下，单击行也会改变颜色，而我只希望在展开细节的情况下更改颜色。 我试图查看ag grid的官方文档，但没有找到这一特定案例的迹象。 你能帮我吗？

---

谢谢

您可以通过网格回调getRowStyle来完成此操作，并检测节点是否已展开：

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

---

您可以通过网格回调getRowStyle来实现这一点，并检测节点是否已展开：

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