Javascript 在物料表列标题旁边添加按钮

我希望覆盖材质表标题，以便在其旁边包含一个按钮，同时保留开箱即用功能，例如排序按钮和单击并拖动以移动列。当您覆盖标题时，必须覆盖整个标题组件，如何单独覆盖每个列标题，以便在保留材质表标题功能的同时在每个标题旁边添加一个按钮

---

谢谢

您可以创建一个函数

const createHeaderCell = (title, buttonTitle) => {
   return (<TableCell>
     <div style={{display: "flex", flexDirection: "row">
     {title}
     <Button style={{marginRight: 5}} onClick={() => console.log("clicked")}> 
     {buttonTitle}
     </Button>
     </div>
   </TableCell>)
 }

constcreateHeaderCell=（标题、按钮）=>{
返回(
{title}
console.log（“单击”）}>
{纽扣}
)
}

然后在表格标题中使用它，如：

<TableHeader>
    <TableRow>
        {createHeaderCell("first", "1st button")}
        {createHeaderCell("second", "2nd button")}
    </TableRow>
</TableHeader>

{createHeaderCell（“第一个”、“第一个按钮”）}
{createHeaderCell（“第二个”、“第二个按钮”）}

是的，我知道，但是有没有一种方法可以在不丢失material table所具有的功能的情况下做到这一点，比如排序按钮和单击并拖动以移动列标题？您找到解决方案了吗？我要做的是转到material table github并复制其mtable header组件的代码，然后在其中添加我的按钮。然后，我通过props覆盖了MTable中的header组件。