3

我正在尝试将分页属性移动到表格的右上角。我知道我必须使用 dom 属性。

 $(document).ready( function () {   
    $('#myTbl').dataTable({   
        "bInfo":true,
        "bJQueryUI": true,
        "bProcessing": true,
         "bPaginate" : true,
         "aLengthMenu": [[50,100,150,200,250,300,-1], [50,100,150,200,250,300,"All"]],
        "iDisplayLength": 50,
        "sPaginationType": "full_numbers",
        "dom": '<"top"flp>rt<"bottom"i><"clear">'           

    });
});

我认为通过在顶部使用 flp 会使这些选项出现在顶部，但是分页出现在表格的底部。会感谢任何帮助理解这一点。谢谢。

4

3 回答 3

3

当您使用旧 API (<= 1.9.x) 时，您需要确保使用匈牙利表示法dom，它是一个字符串，所以它是sDom.

$('#myTbl').dataTable({   
    "bInfo":true,
    "bJQueryUI": true,
    "bProcessing": true,
    "bPaginate" : true,
    "aLengthMenu": [[50,100,150,200,250,300,-1], [50,100,150,200,250,300,"All"]],
    "iDisplayLength": 50,
    "sPaginationType": "full_numbers",
    "sDom": '<"top"flp>rt<"bottom"i><"clear">'
});
于 2014-07-14T16:38:59.557 回答
1

dom 选项的文档有一个很好的例子。

L精益求精；f_ <_ 下表的信息和反应：tip

$('#example').dataTable( {
  "dom": '<lf<t>ip>'
} );

诀窍是了解这个疯狂的 dom 选项并知道到底lftrip意味着什么。

于 2021-09-08T13:40:39.393 回答
1

放入 css ``.dataTables_wrapper .pagination { float: left !important; }`

还添加`

   $('#tableid').dataTable({       
        "pagingType": "full_numbers",
        "ordering": false,
        "bLengthChange": false,
        "searching": false,
        "info": false,
        "dom": '<bottam>p',  (this line only)
    });`
于 2018-08-21T11:45:39.467 回答