3

現在、SlickGridトラフオプションで行の高さをプログラムで設定しています。

var options = {
    rowHeight: 30
};

slick-gridのデフォルトの実装を変更せずにCSSルールを介してそれを行うことができる方法はありますか？

CSSメディアクエリに基づいて行の高さを設定したくないので、これを求めています。

私の最初のアイデアは、CSSプロパティをプログラムで読み取り（このようなもの）、次のように読み取り値を設定することでした。

var options = {
    rowHeight: readRowHeightCSSValue()
};

...しかし、これが最善のアイデアかどうかはわかりません。

4

2 に答える 2

3

ウィンドウの幅に基づいて行の高さを設定するだけです。

rowHeight: $(window).width() < 1024 ? 30 : 15
于 2012-12-27T22:28:12.657 に答える
0

最初に考えたのとは少し異なるアプローチで問題を解決したので、自分に合った解決策を共有しています。

スタイルシートと同じCSSメディアクエリでenquire.jsを使用しました。

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();

...その後、slickGridInitialRowHeightSlickGridを初期化するために使用しました。

于 2012-12-28T13:09:43.740 に答える