Question

我在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中提供的内容相同。

Answer 1

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

Slickgrid突出显示没有发生

1 个答案: