1

jquery モバイルを使用してテーブル要素をスクロールできるようにする必要があります。

たとえば、テーブルに大量のデータがあります。私のページには20個のレコードが表示され、25個のレコードがあることがわかっているので、垂直方向にスクロールしたいときは、テーブルではなくページ全体が移動します。

テーブルに DataTables プラグインを使用しています。

コード：

<table id="level" width="100%" border="1" cellspacing="2" cellpadding="5" >
                <thead>
                    <tr class="even">
                        <th></th>
                        <th><span class="time_var">Time</span></th>
                        <th><span class="id_level_var">ID Level</span></th>
                        <th><span class="level_var">Level</span></th>
                    </tr>
                </thead>

              <tbody>
              </tbody>
        </table>

そしてJavaScript：

$(document).ready(function() {
        oTable = $('#level').dataTable( {
            "bLengthChange": false,
                    "aaSorting": [[1,'asc']],
            "bProcessing": true,
            "bServerSide": true,
            "sPaginationType": "full_numbers",
            "sScrollY": "500px",
            "bDeferRender": true,
            "sAjaxSource": "table.php"
        } );
4

2 に答える 2

0

行方不明

} );

document.readyをキャッチするには？

$(document).ready(function() {
    oTable = $('#level').dataTable( {
        "bLengthChange": false,
                "aaSorting": [[1,'asc']],
        "bProcessing": true,
        "bServerSide": true,
        "sPaginationType": "full_numbers",
        "sScrollY": "500px",
        "bDeferRender": true,
        "sAjaxSource": "table.php"
    } );
});

コードはここで機能しています：http： //live.datatables.net/otihog/edit#javascript,html

于 2012-09-21T12:15:02.983 に答える
0

やってみました ：

<div style="width:260px; overflow:scroll" >
   //your dataTable
</div>
于 2012-09-21T12:04:58.353 に答える