为材料表的标题属性添加图标

Question

我不熟悉使用材料表。我只是想在材料表标题属性的标题末尾添加一个图标，但这并不像我想象的那么简单。甚至可能吗？我的代码 sn-p 在下面...

<MaterialTable
    columns={columns}
    data={data}
    title={`Summary View ${(
      <BsInfoSquare onClick={() => setIsOpen(true)} />
    )}`}

Answer 1

https://github.com/mbrn/material-table/blob/master/types/index.d.ts 的类型定义表明title 是string 或ReactElement，因此您应该能够执行以下操作：

<MaterialTable
    columns={columns}
    data={data}
    title={<>
      Summary view
      <MyIcon />
    </>}