如何配置ant设计表组件的Header?

时间:2017-06-22 02:27:26

标签: reactjs antd

我们需要在表格的标题上显示“隐藏/显示”列功能,并且我们还希望在蚂蚁设计中为表格的标题提供不同的颜色。任何人都可以帮助我,我们怎么能这样做?我没有找到任何控件来执行此操作,因为标头呈现完全是组件内部的。

2 个答案:

答案 0 :(得分:2)

您可以将<Table.Column title={<...any react node...>}>属性与普通CSS结合使用。

答案 1 :(得分:0)

kalpana 提供的解决方案对我不起作用。什么工作(Ant V4.10.x)是这样的:

thead > tr > th {
  background-color: yellow;
}

请注意,!important 设置不是执行此操作所必需的。

同理,如果要定位表格的单元格,可以使用:

tbody > tr > td {
  background-color: yellow;
}