Слайкер не выделяется

Question

У меня есть сетка, сделанная с помощью slickgrid на странице html. Я хочу выделить определенные ячейки.

Я добавил это в головной части HTML

<style> 
    .changed{ background: yellow } 

    </style> 

У меня есть это как варианты:

var options = { 
        enableCellNavigation: true, 
        enableColumnReorder: false, 
        cellHighlightCssClass: "changed", 
       }; 

И это как получение генерируется сетка

grid = new Slick.Grid("#sgrid", rows, columns, options); 
grid.setCellCssStyles("highlight", cell_info_to_be_highlighted); 
grid.render(); 

И это выход console.log(JSON.stringify(cell_info_to_be_highlighted));

{"29":{"column_3":"changed"},"33":{"column_3":"changed"},"34":{"column_3":"changed"},"35":{"column_3":"changed"},"36":{"column_3":"changed"},"37":{"column_3":"changed"},"38":{"column_3":"changed"},"39":{"column_3":"changed"}} 

Теперь сетка отображается правильно, но подсветки вообще нет. Что я делаю не так?

UPDATE

Проблема был где-то еще

Я не устанавливал идентификатор столбцов. Отсюда все проблемы. Идентификатор столбца должен быть тем же, что вы указываете в cell_info_to_be_highlighted.

Answer 1

Я предполагаю, что «измененный» класс CSS применяется правильно, но свойство фона игнорируется, поскольку значение по умолчанию имеет более высокий уровень специфичности. Попробуйте изменить его на background: yellow!important.