jquery datatable仅呈现请求的页/行。需要到达动态创建的按钮

jquery datatable是一个基于jQuery的插件，用于在网页中展示和操作表格数据。它提供了丰富的功能和灵活的配置选项，可以实现表格的分页、排序、搜索、过滤等操作。

对于需求中提到的"仅呈现请求的页/行"，可以通过设置datatable的分页功能来实现。具体步骤如下：

1. 引入jQuery和datatable的相关文件：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css"> <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
2. 创建一个表格，并初始化datatable：<table id="myTable"> <thead> <tr> <th>列1</th> <th>列2</th> <th>列3</th> <!-- 更多列... --> </tr> </thead> <tbody> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> <!-- 更多数据... --> </tr> </tbody> </table> <script> $(document).ready(function() { $('#myTable').DataTable(); }); </script>
3. 配置datatable的分页选项，只显示请求的页/行：$(document).ready(function() { $('#myTable').DataTable({ paging: true, // 启用分页功能 pageLength: 10, // 每页显示的行数 serverSide: true, // 开启服务器端模式 ajax: { url: 'data.php', // 后端接口地址，用于获取表格数据 type: 'POST', // 请求类型 data: function(d) { // 设置请求参数 d.page = d.start / d.length + 1; // 当前页码 d.rows = d.length; // 每页行数 } }, columns: [ { data: 'column1' }, // 列1对应的数据字段 { data: 'column2' }, // 列2对应的数据字段 { data: 'column3' }, // 列3对应的数据字段 // 更多列... ] }); });

在上述代码中，通过配置paging为true启用分页功能，pageLength设置每页显示的行数。通过serverSide设置为true开启服务器端模式，然后通过ajax选项配置后端接口地址和请求参数。在data函数中，可以根据datatable传递的参数设置后端接口所需的页码和行数。最后，通过columns配置每列对应的数据字段。

这样，datatable就会根据请求的页码和行数，从后端获取相应的数据进行展示，实现了仅呈现请求的页/行的功能。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云数据库（TencentDB）、腾讯云对象存储（COS）等。你可以通过访问腾讯云官网（https://cloud.tencent.com/）了解更多相关产品和详细介绍。