reactjs 有没有办法在材料表的标题上使用自定义组件?

deikduxw  于 2022-11-04  发布在  React
关注(0)|答案(1)|浏览(122)

有没有办法在material-table的表头上使用自定义组件?不像数据单元格可以使用render: rowData => ()函数,我似乎找不到一种方法来将表头单元格更改为自定义组件。非常感谢!
As per request, here's a screenshot of what it currently looks like:
我想要完成的是让SCHEDULEBREAKFASTLUNCHDINNER列标题具有一些额外的组件,而不是将其作为文本。
比如说:
第一个
下面是如何设置当前标题的示例代码:

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:设置的

jq6vz3qz

jq6vz3qz1#

其实......你知道吗......我真的很抱歉,但很明显,修复只是把它放在title:直。没有mumbo珍宝。
例如:

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

我现在要关闭它,但这里是那些谁可能会发现自己在一个难题,如我这样的答案(我怀疑)。

相关问题