Slickgrid突出显示没有发生答案

【问题标题】：Slickgrid highlighting not happeningSlickgrid突出显示没有发生
【发布时间】：2012-06-27 12:15:33
【问题描述】：

我在 html 页面上使用 slickgrid 制作了一个网格。我想突出显示某些单元格。

我已经在html的head部分添加了这个

  <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"}}

现在网格已正确显示，但根本没有突出显示。我做错了什么？

更新

问题出在其他地方

我没有正确设置列的 ID。因此，所有的问题都发生了。列的 id 应该与您在 cell_info_to_be_highlighted 中提供的相同。

【问题讨论】：

在grid.setCellCssStyles()之前尝试grid.invalidateRows();
我也遇到了同样的问题 - Ranjith 得到了解决方案吗？
@Les 是的，我的问题在别处

标签： slickgrid

【解决方案1】：

我的猜测是“更改”的 CSS 类被正确应用，但背景属性被忽略，因为默认具有更高级别的特异性。尝试将其更改为background: yellow!important。

【讨论】：