JQ JS分页序号连续

35 篇文章 0 订阅
21 篇文章 0 订阅

在做表格分页时候,连续序号是在实际中会用到的。

其中比较注意的是使用parseInt()来让 i 返回一个数字

例如:

let data=res.data; //数据
let index=""; //序号
let pno=1; //pno 相当于当前的分页,这个值是获取分页的pn
    for(var i in data){ 
      index=(pno-1)*data.length+parseInt(i)+1;    
      <span>index</span>
}



这样连续序号就做好了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要对 DataTable 进行分页并合并多列,可以使用 jQuery DataTables 插件。该插件可以实现 DataTable 的分页、排序、搜索等功能,还可以自定义 DataTable 的显示样式。 下面是一个示例代码,演示如何使用 DataTables 插件对 DataTable 进行分页并合并多列: ```html <!-- 引入 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 两列被合并为一列了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值