2012-12-27 55 views
3

目前我設置的行中SlickGrid低谷選項編程高度:SlickGrid行高度

var options = { 
    rowHeight: 30 
}; 

有什麼辦法,我可以做到這一點槽的CSS規則,而無需修改浮油柵默認實現?

我在問這個問題,因爲我不想根據CSS Media Queries來設置行高。

我最初的想法是,以編程方式讀取CSS屬性(像this),並設置讀進來值這樣的:

var options = { 
    rowHeight: readRowHeightCSSValue() 
}; 

...但我不知道這是否是最好的主意。

+0

你甚至試圖覆蓋CSS規則,看看發生了什麼? – feeela

+0

我更新了問題。 @feeela,覆蓋CSS規則將無濟於事,因爲SlickGrid內部需要rowHeight值...... – PrimosK

回答

0

我解決我的問題,與我最初因子評分有點不同的方法,所以我分享我的解決方案,爲我工作。

我用enquire.js具有相同的CSS媒體查詢,在我的樣式表:

enquire.register("only screen and (max-width: 1024px)", { 
    match : function() { 
     slickGridInitialRowHeight = 15; 
    } 
}).fire(); 

enquire.register("only screen and (min-width: 1024px)", { 
    match : function() { 
     slickGridInitialRowHeight = 30; 
    } 
}).fire(); 

...在那之後,我用slickGridInitialRowHeight初始化SlickGrid。

3

只需根據窗口的寬度設置行高。

rowHeight: $(window).width() < 1024 ? 30 : 15 
+0

這是否與CSS Media Queries一致? – PrimosK

+0

除非您希望使用DPI來確定行高,否則它的工作方式與您的解決方案相同。 – idbehold