使用jquery数据表创建可滚动的内容

时间:2011-07-31 06:04:15

标签: jquery datatables scrollable-table

有没有办法用jquery datatable制作可滚动的内容?

这是我的剧本:

oTable = $('#tablex').dataTable
    ({
        "sDom": "<'scrollContent't>T<'fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix'lfr>t<'fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix'ip>",
        "bJQueryUI": true,
        "aoColumns": [
        null,
        null,
        { "sType": "formatted-num" },
        { "sType": "formatted-num" },
        { "sType": "formatted-num" },
        { "sType": "num-html" },
        { "sType": "num-html" }],
        "aLengthMenu": [[10, 15, -1], [10, 15, "All"]],
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
        /* Bold the grade for all 'A' grade browsers */
            var index = iDisplayIndex +1;
            $('td:eq(0)',nRow).html(index);
            return nRow;
        }
    });

当我在firefox 3.6.19中尝试它似乎工作正常,但当我在firefox 5.0.1中尝试它时,它不起作用@。@ 我的剧本有错吗? 也许有人可以帮助我? thx ..

1 个答案:

答案 0 :(得分:1)

Datatables提供了一种设置可滚动内容大小的方法......

"sScrollY": "200px",

http://www.datatables.net/examples/basic_init/scroll_y.html