DataTable:隐藏显示条目下拉菜单，但保留搜索框

灵活性: DataTable 提供了丰富的配置选项，可以轻松定制表格的行为和外观。
性能: 支持服务器端处理，可以有效处理大量数据。
兼容性: 与多种浏览器和设备兼容。

DataTable 是一款非常流行的基于 jQuery 的插件，用于处理 HTML 表格数据的显示、排序、搜索和分页等功能。要实现隐藏显示条目下拉菜单但保留搜索框的功能，可以通过修改 DataTable 的初始化配置来实现。

以下是一个简单的示例代码，展示如何实现这一功能：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DataTable Example</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#example').DataTable({
                "paging": true, // 启用分页
                "lengthChange": false, // 禁用显示条目下拉菜单
                "searching": true // 启用搜索框
            });
        });
    </script>
</head>
<body>
    <table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </zaeader>
        </tr>
    </thead>
    <tbody>
        <!-- 表格数据行 -->
    </tbody>
</table>
</body>
</html>

在这个示例中，我们通过设置 lengthChange 选项为 false 来禁用显示条目下拉菜单，同时保持 searching 选项为 true 来启用搜索框。