5

WebApp に KendoUI を実装しました。グリッドをレスポンシブにする方法はありますか? 同様に、解像度が小さいほど表示される列が少なくなります!

4

7 に答える 7

1

はい。以下のリンクを使用すると、ケノッド グリッドのレスポンシブ デザインを実現できます。

http://codepen.io/anon/pen/QwPVNW

メディアクエリでは、このように使用してください

  @media screen and (max-width: 600px) {

   .k-grid-content > table  {
}
}
于 2016-06-01T06:22:17.290 に答える
0

jQueryを介してブートストラップサイトでこれを機能させています。ブラウザーが狭い (768 ピクセル未満) 場合に、3 番目と 4 番目 (インデックス 2 と 3) の列を非表示にする方法を次に示します。

dataBound: function () {
    $("#contacts tr > td:nth-child(2)").addClass("hidden-xs");
    $("#contacts tr > td:nth-child(3)").addClass("hidden-xs");
    $("#contacts thead th:nth-child(2)").addClass("hidden-xs");
    $("#contacts thead th:nth-child(3)").addClass("hidden-xs");
    $("#contacts colgroup col:nth-child(2)").addClass("hidden-xs");
    $("#contacts colgroup col:nth-child(3)").addClass("hidden-xs");
}

残念ながら、これによりインデックスの依存関係が作成されるため、これらのルールを更新せずに列をシャッフルすることはできません。

于 2015-03-08T13:55:07.983 に答える
0

残念ながら、グリッドは現在、そのようなレスポンシブ デザインを提供していません。

于 2013-09-15T20:46:36.940 に答える
-1

はい、グリッド列の幅を設定することで実行できます。

列幅を設定すると、剣道は自動的に小さい解像度の水平スクロールを有効にします。

于 2013-10-29T05:49:05.950 に答える