28

如何在没有搜索过滤器和长度选择菜单的情况下初始化特定表？

显然它可以使用 sDom 选项来完成，但是文档非常糟糕，我无法准确理解我应该做什么。

http://datatables.net/usage/options#sDom

4

4 回答 4

91

您可以在数据表初始化期间将此类属性设置为 false：

"bFilter" : false,               
"bLengthChange": false
于 2012-11-13T12:21:03.180 回答
22

从Datatables 1.10 开始，您可以使用这两个选项：

完整示例：

$('#example').dataTable( {
  "lengthChange": false,
  "searching": false
} );
于 2016-08-25T16:33:01.883 回答
5

没有搜索过滤器和长度

var options = {"sDom": 'rtip'}
var myDataTable = $('#myDataTable')  
myDataTable.dataTable(options)

这是官方文档中的一个示例：https ://datatables.net/examples/basic_init/dom.html

于 2014-02-14T12:07:01.487 回答
3

我同意 sDom 很棘手，我通过练习掌握了窍门。运行下面的示例，看到“信息”将出现在顶部。将 sDom 替换为 "sDom": 'rtlp' 并查看信息消失。现在使用 "sDom": 'rtil' 并看到信息回到底部，但分页不见了。继续尝试，你会得到它。

<!DOCTYPE html>
<html>
 <head>
    <link href="demo_table.css" rel="stylesheet">
</head>
<body>
<table class="display dataTable" id="example">
    <thead>
        <tr role="row">
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
        </tr>
    </thead>
</table>
<script src="jquery.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#example').dataTable( {
            "aaData": [
                [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
                [ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ],
                [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
            ],
            "sDom": '<"top"i>rtlp'
        } ); 
    } );
</script>       
</body>
</html>
于 2012-11-22T22:31:20.750 回答