Ag-grid master / detail: пользовательский стиль строки при расширении детализации

Question

для своей работы я использую angular 7 и ag-grid Enterprise последнюю версию. У меня есть таблица ag-grid, сконфигурированная с функцией master / detail, и мне нужно настроить стиль строки при расширении детализации. Например, я хотел бы изменить цвет фона строки, только когда ее детали раскрыты. Я пытался с правилом 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' };
    }
}