使用antd中Table组件某一列有多个变量值需要写入

最新推荐文章于 2023-08-10 10:34:44 发布

小小的糖人

最新推荐文章于 2023-08-10 10:34:44 发布

阅读量1.9k

点赞数 1

分类专栏：其它文章标签： html reactjs 前端

本文链接：https://blog.csdn.net/zzyaiaad/article/details/108148588

版权

在antd的Table组件中，通常一列对应一个变量。然而，当需要在一列显示多个变量值时，不能单纯依赖dataIndex。解决办法是在columns中定义特殊的列结构，并在dataSource中为这些结构赋值。通过这种方式，可以成功展示多变量值。

摘要由CSDN通过智能技术生成

使用antd的Table组件一般来说，都是一列一个变量，我们在coclums中定义dataIndex作为该列的ID，在dataSource对该ID进行赋值即可。
但是，当某一列需要有多个变量值写入时，我们就不可以再用dataIndex来定义一个ID。具体解决方案如下所示：

1.在columns中如下定义：

columns:[{
   
                title: '所属战区',
                render: (text, record) => (
                    <span>

关注

专栏目录