javascript - 基于 CSS 规则的 SlickGrid 行高

Question

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

var options = {
    rowHeight: 30
};

有没有什么办法可以在不修改 slick-grid 默认实现的情况下通过 CSS 规则来做到这一点？

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

我最初的想法是以编程方式读取 CSS 属性（类似这样）并像这样设置 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。