React ant design table表单学习日记

最新推荐文章于 2025-06-06 18:49:13 发布

前端同学

最新推荐文章于 2025-06-06 18:49:13 发布

阅读量520

点赞数

CC 4.0 BY-SA版权

分类专栏： ant design

本文链接：https://blog.youkuaiyun.com/weixin_44730897/article/details/94739074

ant design 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了表格组件中列配置的方法，包括如何设置列标题、数据索引和关键属性，以及如何使用render函数自定义单元格内容。通过实例展示了当存在dataIndex属性时，render函数接收该属性值作为参数；当不存在dataIndex时，render接收整个数组对象。

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

它有一个 columns属性，
如

 const columns = [
            {
                title: '活动名称',
                dataIndex: 'name',
                key: 'name',       
               render: text => <a onClick={()=>{ 
               console.log('123')
               }}>{text}</a>,  
            },
            {
            title: '状态',
            key: 'enabled',
            render:item=>(
                       <span>
                {item.id}
             </span>
            )
        }

如果有dataIndex属性，则render的第一个参数为这个属性的值
如果没有dataIndex属性，则render的第一个参数为整个table的数组对象，可通过.的形式获取对应的每一个键的键值（包括当前）