剣道グリッドの横スクロール

Question

剣道ウィンドウ内に剣道グリッドがあります。ラッパーを使用して水平スクロールを有効にするにはどうすればよいですか？

私は何でも試しましたが、どれもうまくいきませんでした。私が試した最後のことは、グリッドを幅制限されたdivで囲むことでした。

Answer 1

固定列を使用してみましたか。表示する列が多い場合は、この機能を使用することをお勧めします。

デモセクション

Answer 2

Scrollable（）を適用し、各列にWidthを指定します。合計幅がグリッドの幅を超えると、水平スクロールバーが表示されます。

参照

スクロール

剣道グリッド水平スクロールバー

Answer 3

ここでの別の解決策は、ブートストラップから「テーブル応答」を使用することです。例えば：

<div class="table-responsive">
   <div id="grid"></div>
</div>

そしてkendogridの宣言では次のようなものです：

$("#grid").kendoGrid({
     dataSource: dataAjax.Rotation,
     scrollable: false,
});

Answer 4

剣道グリッドの水平スクロールを取得する簡単なソリューション

特定の列ではなくグリッド全体を水平スクロールしたい場合は、これを試すことができます。

使用する width: 'auto'

グリッドのサイズがコンテナーよりも大きい場合は、水平スクロールが表示されます。

デモ