Question

目前我正在以编程方式设置SlickGrid槽选项中行的高度：

var options = {
    rowHeight: 30
};

有没有什么方法可以通过CSS规则来做到这一点而不修改光滑网格默认实现？

我问这个因为我不想根据CSS媒体查询设置行高。

我最初的想法是以编程方式读取CSS属性（类似于this）并设置类似的readen值：

var options = {
    rowHeight: readRowHeightCSSValue()
};

......但我不确定这是否是最好的主意。

Answer 1

只需根据窗口宽度设置行高。

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

Answer 2

我解决了我的问题，因为我最初采用的方法有点不同，所以我分享了对我有用的解决方案。

我使用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。

基于CSS规则的SlickGrid行高

2 个答案: