如何在react tabulator中为某一列配置文本粗体

Question

我正在为我的应用程序使用react tabulator：https://www.npmjs.com/package/react-tabulator

我想将其中一列的格式设置为粗体文本。我试过格式化程序："；粗体"；

columns = () =>{
return (
[
{ title: "Title", field: "title1", headerSort: false, width: 180, formatter:"bold",  hozAlign: "right"  },
]}

我尝试在列中添加cssClass

columns = () =>{
return (
[
{ title: "Title", field: "title1", headerSort: false, width: 180, cssClass: 'data-header,  hozAlign: "right"  },
]}

在styles.css中定义类.data-header { font-weight: "bold" }

什么都不管用。是否也可以在react tabulator中设置特定行的样式？感谢所有的专家们的帮助。

Answer 1

我找到了解决方案，只是为了其他人的利益。我需要用以下内容配置styles.css，cssCass才能工作：

.tabulator .data-header { 
background-color: #ccc;
font-weight: bold;
}