0

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

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

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

更新

问题出在其他地方

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

4

1 回答 1

0

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

于 2012-06-27T16:10:23.817 回答