Question

我正在尝试将分页属性移动到表格的右上角。我知道我必须使用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会使这些选项显示在顶部，但是分页显示在表格的底部。理解这一点会有任何帮助。感谢。

Answer 1

当您使用旧的API（＆lt; = 1.9.x）时，您需要确保对dom使用匈牙利表示法，它是一个字符串，因此它是sDom。< / p>

$('#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">'
});

Answer 2

放入CSS``.dataTables_wrapper .pagination { 浮点数：左！重要； }`

还添加`

   private LinkedList<String> windowsGetAllFileTags(File file) {

    UserDefinedFileAttributeView fileAttributeView = Files.getFileAttributeView(file.toPath().toAbsolutePath(), UserDefinedFileAttributeView.class);
    List<String> allAttributes = null;
    try {
        allAttributes = fileAttributeView.list();
    } catch (IOException e) {
        e.printStackTrace();
    }
    for(String attribute : allAttributes) {
        System.out.println("Attribute = " + attribute);
    }
    return null;
}

JQuery Datatable将分页移到顶部

2 个答案: