ant design 表格columns配置解析

react项目中引入ant design的组件,配置项内容很多,功能也非常强大。


前三个基本项不做过多的说明,title表示列头显示文字,dataIndex列数据在数据项中对应的 key,key是你数据中相对应传入的属性。


render函数返回三个值(text, record, index),text表示本项内容对应的value,record的值是一个object,里面存放了这一行数据的内容,index表示当行索引。箭头后面的内容trans(text) 表示真正要在table表格显示的数据,相当于一个过滤器,可以把后台数据拿到的值直接在此处转换。

width用来规定列宽,没有规定则自行根据内容显示列宽。官方文档有说明fixed: 'right',固定在列表右侧,但是当列不够多的时候,会显示两个一样的列。fixed:true的效果同fixed: 'left'。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容