2016-04-09 34 views
0

jqueryデータテーブルに問題があります。私は、実際のテーブルの中、つまりtabkeの境界内に垂直スクロールバーを配置しようとしています。デフォルトの動作では、スクロールバーを最後の列の横、つまり表の外側に配置します。私はテーブルのためにブートストラップCSSを使用しています。jquery datatableスクロールバーの配置

コードは、私が持っているように見えるここhttp://live.datatables.net/fopilode/1/edit

答えて

0

でこれに対する解決策を見つけるために管理しています。解決のための

.dataTables_wrapper .dataTables_scroll { 
    border: 1px solid #ccc; 
    margin: 1.5rem 0; 
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
} 

JSbinここにある:http://live.datatables.net/fopilode/17/edit

私は丸いエッジをも管理しているので、は次のように私は、実際のテーブルのラッパーにに境界線を追加しました。 2新しい問題点が現れました。 1)ブートストラップのテーブルボーダークラスを使用すると、左側に二重の境界線ができます。私はテーブルの外側の境界線を削除するためにCSSで周りの演劇をしようとしていますが、テーブルのTDの内側の境界を維持します。

2)縦スクロールをオンにすると、列ヘッダーが異なるブラウザーの行と完全に並んでいないように見えます。オーバーフローのラップ修正を試しましたが、これは動作していないようです。

上記の2つの問題についての支援があれば幸いです。

関連する問題