Antd的table组件表格的序号自增

最新推荐文章于 2025-03-17 17:05:48 发布

小红同学5

最新推荐文章于 2025-03-17 17:05:48 发布

阅读量2.7w

点赞数 7

分类专栏： react

本文链接：https://blog.youkuaiyun.com/xh_960125/article/details/83900238

版权

react 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用Ant Design的表格组件实现自定义渲染，包括序号显示和操作列的链接跳转功能，适用于需要对表格数据进行个性化展示和交互的场景。

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

1，效果图

2，实现方法

const columns = [
      {
        title: '序号',
        render:(text,record,index)=>`${index+1}`,
      },
      {
        title:'操作',
        dataIndex:'delete',
        key:'delete',
        render: (text,record) => (
          <span>
            <Link to={{ pathname : '/info/Edit' , query : { id : record.id }}}> 删除</Link>
          </span>
        ),

      },

    ];