如何在材料表（反应）中修复分页图标（将其重置为默认值？）>

Question

我正在前端显示表格并在React中使用material-table。一切都很好，但是我一直看到奇怪的分页图标（而不是普通箭头），我不确定为什么：

Weird pagination icons

我该如何解决？

下面是材料表标签和已添加的属性：

<MaterialTable
        title="Title"
        columns={this.state.columns}
        data={newDataTable}
        options={{
          selection: true
        }}
        options={{
          search: false,
          sorting: true
        }}
        actions={[
          {
            icon: () => <Checkbox />,
            tooltip: 'checkbox'
          },
          {
            icon: () => <InfoIcon />,
            tooltip: 'info',
            onClick: (event, item) => {
              this.setState({
                isOpen: true,
                selectedItem: item
              });
            }
          }
        ]}
      />
    </div>

我正在前端显示表格并在React中使用material-table。一切都很好，但是我一直看到奇怪的分页图标（而不是普通的箭头），我不确定为什么：...

Answer 1

这里的问题是您的图标没有CSS，因为我们需要在index.js中提供链接