Reactjs 居中对齐物料表的搜索输入

我只是想弄清楚如何将Material表的搜索输入居中对齐

<MaterialTable
  columns={[
    { title: "Type", field: "type" },
    { title: "Name", field: "name" },
    { title: "Status", field: "status" }
  ]}
  data={[
    { type: "user", name: "John Doe", status: "active" },
    { type: "user", name: "Lorem Ipsum", status: "active" }
  ]}
  options={{
    searchFieldAlignment: "right"
  }}
/>

我已经浏览了文档（） 我知道您可以设置“searchFieldAlignment”，但它仅适用于“left”或“right”。 我还试图通过将“options.searchFieldStyle”的位置设置为“absolute”来更改它，但它似乎被包装在一个相对元素中。所以那也没用

可能必须做一些组件重写，但不确定它会是什么样子

---

此处的示例代码：

MaterialTable

有一个属性

components

，允许您覆盖组件。以下是一个例子：

 components={{
        Toolbar: (props) => (
          <div
            style={{
              display: "flex",
              justifyContent: "center"
            }}
          >
            <MTableToolbar {...props} />
          </div>
        )
      }}

组件={{
工具栏：（道具）=>(
)
}}

您所说的“中心对齐”是什么意思？用左边的“表格标题”文本将其居中还是什么？