在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怎么来

猜你喜欢

转载自blog.csdn.net/chhpearl/article/details/126244908