剣道グリッドのヘッダーの下に水平スクロールバーを表示

私は水平スクロールバーを持つ剣道グリッドを持っています。デフォルトでは、スクロールバーの位置はグリッドの下部にあります。剣道グリッドのヘッダーの下に水平スクロールバーを表示

しかし、私の要件は、グリッドの上部に水平スクロールバーを表示することです（グリッドヘッダーの下）。

できますか？私にお知らせください！

2017-11-22 Nalluri

この回答How to change scroll bar position with CSS? を使用し、上に水平スクロールバーを置くスタイルルール

.k-grid-content, 
.k-grid-content table { 
    transform:rotateX(180deg); 
    -ms-transform:rotateX(180deg); /* IE 9 */ 
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */ 
}

を使用して、スクロール可能な剣道グリッドにそれを修正します。

デモ：あなたは仮想スクロールを使用している場合https://dojo.telerik.com/@Stephen/etIYa

、その後、あなたはグリッドの構造として補償するスタイルルールを変更する必要がありますが、スクロールや仮想スクロール剣道グリッドの間で異なっています。

出典

2017-11-22 19:33:16

ありがとう！期待どおりに動作しています。私たちが固定ヘッダ（https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/fixed-headers-grid）を持っているように、水平スクロールバーを固定する方法はありますか？。なにか提案を？ – Nalluri

それは違う。要素を反転させるのではなく、独自のスクロールバーをレンダリングして更新する必要があります。 https://dojo.telerik.com/@Stephen/EhaXaKにリンクした例を組み合わせたデモとデモです。https://www.telerik.com/forums/top-horizontal-scrollbar-in-gridにリンクしています。これ以上、あなたは給与計算に入れなければなりません;） –

デモの恐怖をありがとう！しかし、2つの水平スクロールバーが正しいのですか？したがって、ヘッダーの位置に応じて1つのスクロールバーのみを反転して表示しています。したがって、ユーザーはヘッダーの下にのみスクロールバーが表示されます。 – Nalluri

剣道グリッドのヘッダーの下に水平スクロールバーを表示

答えて

関連する問題