在antd-table新增索引列

害 真的无语 好无语

table显示#列,原本是id,结果非要求要显示顺序,顺序就顺序吧,后端排下就很easy。

结果还非让前端排,拍就拍,感觉最后让实现的功能很鸡肋...

废话不多说,上菜!

试了好多最合适简单的就是直接操作数据了,将索引直接注入数据集中,要不不能达到要求。

1.

const resData = res.data?.records || []

 const  myIndexedData = resData.map((el,index) => ({index, ...el}))

2.在columns里面改一下就行

const columns = [

    {

      title: '#',

      dataIndex: 'index',

      valueType: 'digit',

      search: false,

      width: 70,

    //   render: (_, record) => {

    //     console.info('record',record)

    //     // return <div>{record.name}</div>;

    // }

    },

...

]

还试过直接在columns里面改的,但是效果不是想要的,没有index列还是自己乖乖加上吧。

缺点就是,分页的时候,还是会重新开始,其实也能不让它重新开始,算了。怎么easy怎么来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值