有没有办法在 material-table 中的 headers 上使用自定义组件？（固定的）

Question

有没有办法在 material-table 中的 header 上使用自定义组件？与可以使用 render: rowData => () 函数的数据单元格不同，我似乎找不到将 header 单元格更改为自定义组件的方法。非常感谢！

As per request, here's a screenshot of what it currently looks like:

我想要完成的是日程安排、早餐、午餐和DINNER 列 headers 有一些额外的组件，而不是将其作为文本。

像这样：

         SCHEDULE
SUN-MON-TUE-WED-THU-FRI-SAT

 BREAKFAST
05:00-07:00

这里是关于如何设置当前 header 标题的示例代码：

  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 方法将内容单元格制作成自定义组件，但我似乎无法将 headers 更改为自定义组件，因为它是通过 title:

设置的

Answer 1

实际上......你知道吗......我真的很抱歉，但显然修复只是将它放在 title: 直道上。没有胡言乱语。

例如：

title: <p> I am really dumb for not knowing this </p>

我现在要关闭它，但对于那些可能发现自己像我一样陷入困境的人（我对此表示怀疑），这里是答案。

有没有办法在 material-table 中的 headers 上使用自定义组件？（固定的）

Is there a way to use custom components on headers in material-table? (FIXED)

reactjs

material-table

有没有办法在 material-table 中的 headers 上使用自定义组件？ （固定的）

Is there a way to use custom components on headers in material-table? (FIXED)

reactjs

material-table

有没有办法在 material-table 中的 headers 上使用自定义组件？（固定的）