如何删除 Material-Ui 的数据网格组件中的单元格边框

Question

我正在使用数据网格组件实现一个表。数据网格 - 材质 UI

单击时每个单元格都会收到此边框，如何删除它？

<DataGrid
  disableSelectionOnClick={true}
  className={classes.main}
  classes={classes.main}
  rows={rows}
  columns={columns}
  pageSize={5}
  rowsPerPageOptions={[5,10,15]}
  checkboxSelection={true}
  disableColumnSelector
  disableDensitySelector
  onCellClick={click}
  disableColumnFilter
  disableColumnMenu
/>

我不想删除单元格，我希望单击单元格时不出现边框

Answer 1

apply this code on css and make sure to import css on react component

    .MuiDataGrid-root .MuiDataGrid-cell:focus-within {
    outline: none !important;
}