jq 动态添加table表格序号

最新推荐文章于 2021-06-15 15:48:25 发布

原创最新推荐文章于 2021-06-15 15:48:25 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript

当前文章被收录于：

JavaScript

30 篇文章 0 人学习

订阅专栏查看详情

Vue

当前文章被收录于：

Vue

21 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用原生jQuery和Vue.js在动态生成的表格中添加序号。通过结合当前页数、每页显示条数及循环次数，实现自动计算并展示每行记录的正确序号。

原生jq和vue添加表格序号

//注：动态添加序号，需要将这行代码放入for循环中

// page: 当前页;    per:每页显示条数;        i:循环次数
list += "<td>"+(parseInt(page)-parseInt(1)) * parseInt(per)+(i+1)+"<td>";    //原生jq构造表格

//Vue添加序号

// page: 当前页;    per:每页显示条数;        index:循环次数
<td>{{(parseInt(page)-parseInt(1)) * parseInt(per)+(index+1)}}</td>