Как изменить стиль столбца в зависимости от того, закреплен ли столбец слева?

Question

Можно ли изменить стиль столбца в зависимости от того, закреплен он или нет?

Я могу изменить стиль в зависимости от значения, когда таблица отображается в первый раз. Я пытаюсь изменить стиль, когда столбец закреплен с помощью мыши (перетаскивание и закрепление).

Я могу выяснить, какой столбец был закреплен, запустив ColumnPinnedEvent в gridOptions. Я попытался изменить cellClass столбца, полученного из 'event.column', но он не отражается в таблице.

onColumnPinned(event: ColumnPinnedEvent) {
    const column = event.column;
    if (column) {
        const columnDef = column.getColDef();
        const userProvidedColDef = columnDef;
        userProvidedColDef.cellStyle = event.pinned ? { color: 'white', backgroundColor: 'black' } : {};
        column.setColDef(columnDef, userProvidedColDef);
    }
}

Answer 1

Вы можете достичь того же самого с помощью CSS.

Взгляните на созданный мной план: Закрепление колонок и стиль . Добавьте или удалите любой столбец, чтобы увидеть обновленные для него стили.

.ag-body-viewport .ag-pinned-left-cols-container .ag-row {
    background-color: yellow;
}

Здесь .ag-body-viewport .ag-pinned-left-cols-container иерархия важна. Простое использование .ag-pinned-left-cols-container .ag-row не сработает, так как стиль некоторых уровней строк ag-grid перезапишет его.

Пока этой информации достаточно для решения вашей задачи, дайте мне знать, помимо этого, у вас есть еще несколько деталей для предоставления.