Question

我需要能够使用jquery mobile滚动 table 元素。

例如，现在我在表格中有很多数据。我的页面显示了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"
        } );

Answer 1

你试过了吗？

<div style="width:260px; overflow:scroll" >
   //your dataTable
</div>

Answer 2

缺少一个

} );

抓住你的文件。准备好了吗？

$(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

如何在jquery mobile中启用垂直滚动

2 个答案: