2016-07-29 23 views
0

私は、水平スクロールバーで、テーブルの最後まで垂直方向にスクロールするときにのみ表示されるdataTableを持っています。スクロールダウンせずにXスクロールバーを表示したい。私はdataTableに固定された高さを設定しようとし、私のためにはうまくいかなかったウィンドウのサイズ変更を使用しました。DataTableウィンドウのように表示される水平スクロールバーscroll -x

たとえば、このJsFiddleでは、ウィンドウを小さくすると、水平にスクロールするためにテーブルの最後に移動する必要があります。

var t = $('#example').DataTable({ 
     "scrollX": true, 
     "scrollCollapse": true, 
     "fixedColumns": { 
      "leftColumns": 2, 
     }, 
     "sScrollXInner": "150%", 
     "fixedHeader": true, 
    }); 

これを解決する方法はありますか?お勧めします。

ありがとうございました!

+0

ページ全体の幅にデータテーブル用のスペースを設定すると、必要に応じてスクロールが表示されますこれはあなたのために働くでしょうか? –

答えて

0

FixedHeaderは、スクロールしたときにのみ表示されるという問題があります。これはdevtoolsで見ることができます。 "スクロールが有効になっていない場合、列の固定にFixedHeaderを使用してください") - https://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js

+0

これはヘッダーを固定します、私が探しているものは - >データテーブルに多くの行がある場合、縦方向にスクロールして列をスクロールする必要があります。データテーブルの水平スクロールバーを画面全体の水平スクロールにする方法です。これはできますか? – Apek

関連する問題