Ant design React 修改表格的表頭標題樣式!!
阿新 • • 發佈:2021-01-27
親測有效,就算有自定義主題色也可以生效,不會被覆蓋
自定義title :
import ColumnShow from './component/columnShow' // 引入元件
------------------------------------
this.columns = [{
title: <ColumnShow content={item} color={colors} />,
dataIndex: item,
key: item,
width: 150
}]
ColumnShow 是我定義的元件
import React from 'react'
export default class ColumnShow extends React.Component {
constructor(props) {
super(props);
}
render() {
let { content, color } = this.props;
return (
color ? <span style={{ color: color }}>{content}</span> : <span>{content} </span>
);
}
}
動態的表頭顏色就生成了!!!