2012-06-27 42 views
0

我有一個在html頁面上使用slickgrid製作的網格。我想突出顯示某些單元格。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"}} 

網格顯示正常但沒有突出的。我究竟做錯了什麼?

UPDATE

這個問題是別人

我沒有設置列的ID正確的地方。因此所有問題都在發生。列的id應該與您在cell_info_to_be_highlighted中提供的內容相同。

+0

嘗試'grid.invalidateRows();''之前grid.setCellCssStyles()' – ganeshk

+0

我試過了。不工作。 –

+0

我有同樣的問題 - 你有沒有修復Ranjith? – Les

回答

0

我的猜測是,「改變」的CSS類被正確地應用,但被忽略的背景屬性,因爲默認具有特異性的一個更高的水平。嘗試將其更改爲background: yellow!important