8

私は素晴らしい jquery プラグインjtableを使用しています。しかし、垂直スクロールバーを表示する例が見つかりません。

それを含むdivにheightとoverflow.autoを設定しようとしました-スクロールバーはヘッダーを含むテーブル全体をスクロールします-ヘッダーではなくフッターではなく行のみをスクロールしたいです。

誰かがこれを行う方法を見つけましたか?

何らかの方法で機能するソリューションは、次を挿入することです。

$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');

と

.scroll-content {
     overflow-y: auto;
    width:100%;
 }
div.jtable-main-container {
  height:100%;
}

そしてdivに高さを設定します。ただし、テーブルヘッダーもスクロールしますが、jtable全体をスクロールするよりも優れています.jtableが2つのテーブルを生成するソリューションを作成しようとしました.1つはヘッダー付き、もう1つはボディ付きですが、ヘッダーは同期しません。

ここでそれを見てください：http://jsfiddle.net/j5Q4L/3/

4

3 に答える 3

3 
$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');    
and

.scroll-content {
     overflow-y: auto;
    width:100%;
 }
div.jtable-main-container {
  height:100%;
}

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

于 2014-11-27T04:06:02.280 に答える
0

これをcssに追加します

table.jtable{
overflow-y: scroll;
display:block;
overflow-x: hidden;
}
于 2014-11-27T04:15:50.713 に答える
0 
  <style type="text/css">
        #StudentTableContainer {
            width: 100%;
            display: block;
        }

            #StudentTableContainer tbody, .jtable tbody {
                height: 100px;
                overflow-y: auto;
                display: block;
            }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#StudentTableContainer').jtable({
                //...
            });
        });
    </script>
    <div id="StudentTableContainer" class="jtable"></div>
于 2013-04-20T06:40:49.263 に答える