【问题标题】:changing font and color of text in table header - material table(0.19.4)更改表头中文本的字体和颜色 - 材料表(0.19.4)
【发布时间】:2018-05-06 21:09:57
【问题描述】:

我已经开始使用 react 和 material ui,并且在更改表格标题中文本的颜色和字体时遇到了问题。越过它似乎并没有改变默认样式。指定使用“headerStyle”(object) 更改标题样式。任何人都可以帮助我解决必须更改才能实现此目的的属性。

【问题讨论】:

标签: css reactjs material-ui


【解决方案1】:

刚刚检查了您的代码。 添加类名工作正常。

<TableHeader className="table-header">

现在您可以根据需要应用您需要的样式,例如

.table-header{
   background: #cdcdcd !important;
}

.table-header th {
   color: blue !important
}

这适用于更改表格的背景颜色和标题颜色!

【讨论】:

  • stackblitz.com/edit/react-lmyp3b?file=TableComponent‌​.js
  • 我试过了,但它不起作用。试过的代码是stackblitz.com/edit/react-lmyp3b?file=TableComponent.js
  • @joel - 我检查了你的 sn-p。它在那里工作。请看我上面编辑的答案。它将向您展示如何更改表格标题的颜色。为此,您必须为“th”元素应用 CSS。这样您就可以自定义所需的样式。
猜你喜欢
  • 2018-05-11
  • 1970-01-01
  • 2021-09-19
  • 2018-08-06
  • 1970-01-01
  • 1970-01-01
  • 2020-07-03
  • 2014-02-17
  • 2012-03-11
相关资源
最近更新 更多