DataTables - 我不希望某些表上的搜索/过滤器和长度选项答案

【问题标题】：DataTables - I don't want the search/filter and length options on some tablesDataTables - 我不希望某些表上的搜索/过滤器和长度选项
【发布时间】：2023-04-07 08:01:01
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery-datatables

【解决方案1】：

你可以在数据表的初始化过程中将这些属性设置为false：

"bFilter" : false,               
"bLengthChange": false

【讨论】：

马特你完全错了。添加"lengthMenu": [[...], [....]] 并更改此参数的值，您可以显示尽可能多的项目。就像您可以通过编程方式显示 20 或 30 项一样，标签显示和下拉框（如果您不使用 "bLengthChange": false 通常会出现）将消失。

【解决方案2】：

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

lengthChange

"lengthChange": false
searching

"searching": false

完整示例：

$('#example').dataTable( {
  "lengthChange": false,
  "searching": false
} );

【讨论】：

【解决方案3】：

没有搜索过滤器和长度

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

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

【讨论】：

【解决方案4】：

我同意 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>

【讨论】：