近期遇到了一个需求对于不同行的表格数据需要不同的样式,通过查询文档有两种实现的想法
- 方法1:通过设置
a-table
的customRow
,返回style
- 方法2:通过设置
a-table
的rowClassName
,对于不同的数据判断返回相应的class
方法2可以实现相关的功能没错,但是方法1文档提供的customRow
返回的对象描述就比较模糊了
- 需要改变样式的话只能猜想修改
props
里的内容,试了一下并没有用,于是看一下源码
customRow - 这里是定义了
customRow
的话就运行得到返回的对象,再调用工具方法与原先的props
进行一个合并,原先的props
包括一个class
的前缀,vuex
存的store
数据,和table
本身的rowKey
属性
原版antd的onRow其实看到这里还是没有看懂
props
可以提供修改的属性到底是有哪些,原先猜想的是html
标签的属性并不成立
- 通过查看
antd
的(鼻祖)React
版本的话,它提供的是一个onRow
方法,返回只有对应的事件,并没有props
感觉这个
props
并没有用
网友评论