RuoYi若依框架前端表格增加序号列
侧边栏壁纸
  • 累计撰写 14 篇文章
  • 累计收到 2 条评论

RuoYi若依框架前端表格增加序号列

moxne
2025-05-18 / 0 评论 / 6 阅读 / 正在检测是否收录...
                {
                    title: '序号',
                    align: 'center',
                    formatter: function (value, row, index) {
                        return $.table.serialNumber(index);
                    }
                }

1.序号列的实现原理:
不需要从后端数据中获取字段,而是使用Bootstrap Table的formatter函数
index 参数表示当前行在当前页的索引,从0开始
return index + 1将索引+1显示,这样序号就从1开始
2.序号列的配置说明:
title: 设置为"序号",这是列标题
align: 设置为"center",使内容居中显示
formatter: 自定义函数,用来格式化显示内容
3.序号列的位置:
放在复选框列和ID列之后,姓名列之前
这是表格中常见的序号列位置,符合用户习惯
关于序号的连续性:
这种实现方式会在每页从1开始编号
如果需要在分页时保持序号连续,需要考虑当前页码和每页显示数量

0

评论 (0)

取消