有没有办法在material-table的表头上使用自定义组件?不像数据单元格可以使用render: rowData => ()
函数,我似乎找不到一种方法来将表头单元格更改为自定义组件。非常感谢!
As per request, here's a screenshot of what it currently looks like:
我想要完成的是让SCHEDULE、BREAKFAST、LUNCH和DINNER列标题具有一些额外的组件,而不是将其作为文本。
比如说:
第一个
下面是如何设置当前标题的示例代码:
const [state, setState] = React.useState({
columns: [
{
title: "MEAL",
field: "meal",
headerStyle: {
textAlign: "left"
},
render: rowData => (
<Link to={"/meals"} className={classes.mealNamesLink}>
{rowData.meal}
</Link>
)
},
{
title:"SCHEDULE",
field: "schedule",
headerStyle: {
textAlign: "left"
},
cellStyle: {
margin: 0,
padding: 0
},
正如您所看到的,我设法在Meals列上使用render
方法将内容单元格变成了一个自定义组件,但是我似乎无法将标题变成自定义组件,因为它是通过title:
设置的
1条答案
按热度按时间jq6vz3qz1#
其实......你知道吗......我真的很抱歉,但很明显,修复只是把它放在
title:
直。没有mumbo珍宝。例如:
我现在要关闭它,但这里是那些谁可能会发现自己在一个难题,如我这样的答案(我怀疑)。