javascript - 如何在表格单元格中为反应材料表中可编辑的单元格设置样式？

Question

我在我的代码中使用了一个材料表。我正在使用可编辑的单元格。但是当我编辑我的表格单元格时，它的样式变得很奇怪。请看图片。如何解决这个问题。Codesandbox 代码：https ://codesandbox.io/s/material-demo-forked-h1f8d?file=/demo.js:1142-1513

  <MaterialTable
      title="Cell Editable Preview"
      columns={columns}
      data={data}
      cellEditable={{
        onCellEditApproved: (newValue, oldValue, rowData, columnDef) => {
          return new Promise((resolve, reject) => {
            console.log("newValue: " + newValue);
            setTimeout(resolve, 1000);
          });
        }
      }}
    />

标签： javascriptreactjsmaterial-uifrontendmaterial-table