小编cky*_*kyc的帖子

我正在尝试使用 Material-Table 组件 - 它非常适合我正在构建的表格（添加、编辑、删除和搜索行）。我已经安装并使用它作为页面的子组件 - 一切正常，但是......

样式：页面中的所有自定义和内置样式在所有 Material UI 组件中都丢失了（即 AppBar 按钮之间没有填充/间距，自定义字体样式混乱）。

图标：表格中的图标不会呈现 - 它们只是显示为大截断文本。

没有表格的其他页面上的样式和图标不受影响。

有人有解决办法吗？提前致谢。

对于图标，我尝试重新安装库并导入。也试过把 html 方法。材料表代码的片段如下。

<MaterialTable
  title="Editable Example"
  columns={state.columns}
  data={state.data}
  actions={[
    {
      icon: 'edit',
      tooltip: 'Edit Study',
      onClick: (event, rowData) => alert("Do you want to edit " + rowData.name + "?") 
    },
    rowData => ({
      icon: 'clear',
      tooltip: 'Delete User',
      onClick: (event, rowData) => alert("You want to delete " + rowData.name), 
      disabled: rowData.birthYear < 2000
    })
  ]}
  editable={{
    onRowAdd: newData =>
      new Promise(resolve => …