jq的datatable分页合并多列

要对 DataTable 进行分页并合并多列，可以使用 jQuery DataTables 插件。该插件可以实现 DataTable 的分页、排序、搜索等功能，还可以自定义 DataTable 的显示样式。

下面是一个示例代码，演示如何使用 DataTables 插件对 DataTable 进行分页并合并多列：

<!-- 引入 DataTables 插件的 CSS 和 JS 文件 -->
<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://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>

<!-- 在 HTML 中定义一个表格 -->
<table id="myTable" class="display" style="width:100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Tom</td>
            <td>20</td>
            <td>tom@example.com</td>
        </tr>
        <tr>
            <td>Jerry</td>
            <td>18</td>
            <td>jerry@example.com</td>
        </tr>
        <!-- 其他行省略 -->
    </tbody>
</table>

<script>
$(document).ready(function() {
    // 初始化 DataTables 插件
    $('#myTable').DataTable({
        "pagingType": "full_numbers",    // 分页样式
        "pageLength": 10,                // 每页显示的行数
        "searching": false,              // 禁用搜索功能
        "ordering": false,               // 禁用排序功能
        "info": false,                   // 隐藏统计信息
        "columnDefs": [{                 // 合并多列
            "targets": [0, 1],           // 要合并的列的索引
            "render": function(data, type, row, meta) {
                return data + ' (' + row[1] + ')';
            }
        }]
    });
});
</script>

在上面的代码中，我们通过引入 DataTables 插件的 CSS 和 JS 文件，并在 HTML 中定义一个表格。然后在 JavaScript 中初始化 DataTables 插件，并设置一些参数，比如分页样式、每页显示的行数、禁用搜索和排序功能等。最后使用 columnDefs 参数合并多列，将 Name 和 Age 两列合并为一列。

运行代码，就可以看到 DataTable 被分页并且 Name 和 Age 两列被合并为一列了。