反應材料表：如何覆蓋材料表中的標題樣式？

Question

我正在使用材料表“https://material-table.com/”

這是我呈現數據表的組件。 在這里，我使用標題內的自定義按鈕來添加新數據。 它在標題內，因此按鈕位於左上角。 我沒有使用材料表給出的默認添加選項，因為我想顯示一個單獨的表單頁面來添加數據，而不是材料表給出的內聯添加。 它完美地工作。

問題是標題的默認樣式有overflow:hidden ，可以通過檢查它來看到。
<div class='MTableToolbar-title-35'>.... </div>

我希望這個overflow:hidden是overflow:auto 。 如何覆蓋此標題的樣式？

 export const EmployeeView = ({columns,data}) => {
        return (
          <div>
            <MaterialTable
              columns={columns}
              data={data}
              title={
                <div>
                  <IconButton size='small' color='primary' onClick={() => console.log("Add employee")}>
                      <AddCircleIcon />
                  </IconButton>
                </div>
              }
              onRowClick={(event,rowData) => console.log(rowData)}
            />
          </div>
        )
      
    }

Answer 1

請在 css 文件中使用它

.MuiTypography-h6{
    font-size: 1rem;
    color: red;
    overflow:auto
}

我提到了用於測試的顏色和字體大小。