Question

这是我的功能：

    $("#Buyer").live('change', function(){ 
    var empkey = $("#Buyer").val(); 
    if (empkey > 0) {   
        callPreloader({ 
            target: '#T1',
            message: 'Loading results.',
            url: '/xxx',
            method: 'get',
            data: {Buyer:empkey}, 
            callback: function(){ 
                $('.datatable').dataTable( {
                    "bJQueryUI": true,
                    "bPaginate": false,
                    "scrollY": "800px",
                    "scrollCollapse": true,
                    "paging": false
                  });
            }
        }) 
    } 
});

我正试图在此链接中找到类似滚动条的内容：http://datatables.net/examples/basic_init/scroll_y.html

当我刷新时，我没有滚动条。它看起来像是在添加scrollY，scrollCollapse和paging之前做的。有任何想法吗？

Answer 1

以下是最终为我工作的代码：

callback: function(){ 
                $('.datatable').dataTable( {
                    "bJQueryUI": true,
                    "bPaginate": false,
                    "sScrollY": "530px",
                    "sScrollCollapse": true,
                    "sPaging": false
                  });

Answer 2

尝试使用自定义样式，如下所示：

给表标签一个类

<table class='scrollable'>
<tr></tr>
.......
......
</table>

并在CSS文件中将表格固定为“height”：

.scrollable{
   height: 200px;
   overflow-x: scroll
}

尝试并让我知道它是否有效：）

带数据表的滚动条

2 个答案: