antd表格添加序号

最新推荐文章于 2024-10-29 22:15:00 发布

水果妹妹踩前端的坑

最新推荐文章于 2024-10-29 22:15:00 发布

阅读量1w

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端开发

本文链接：https://blog.csdn.net/Imagirl1/article/details/100551520

前端开发专栏收录该内容

7 篇文章

订阅专栏

本文介绍了两种在前端表格中显示序号的方法：一种是从每页的1开始计数，另一种是实现分页连续自增的序号显示，后者考虑了当前页数和每页显示的记录数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种：每一页都从1开始

const reSendColumns = [
      {
        title: '序号',
        width: '10%',
        render:(text,record,index)=> `${index+1}`,
      },
      {
        title: '消息ID',
        dataIndex: 'messageID',
        width: '20%',
      },

第二种：分页连续自增序号

const columns = [
      {
        title: '序号',
        width: '5%',
        render:(text,record,index)=> {
          return(
           `${(this.state.page-1)*(this.state.pageSize)+(index+1)}`,//当前页数减1乘以每一页页数再加当前页序号+1
          )
        }
      },
      {
        title: '消息ID',
        dataIndex: 'messageId',
        key: 'messageId',
        width: '8%',
      },