react+antd 自定义table单元格属性

先把antd table的基本样式引入，在columns中需要设置单元格属性的列描述数据对象中加入onCell属性，引入css样式

import styles from './xxx.less';columns = [{title: '..',....onCell(record, rowIndex) {;return {className: styles[`.....`],};},},....]<Tablecolumns={this.columns}..../>

在xx.less中,设置css样式，但是在样式的后面需要加上!important来提高指定样式规则的应用优先权，语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}。在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级。使用了!important，所以有优先级最高，会覆盖掉antd本身自带的css样式。

.a {color: #ff9900!important;}