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プロパティは無視されます。に変更してみてください background: yellow!important。

于 2012-06-27T16:10:23.817 に答える