在 Material-UI 中禁用 table 分页

Question

我将 Material-UI 的 TablePagination 组件与 React 一起使用。

但是这个组件没有 disabled prop.

我有一个布尔值 loading，我想将其用作启用或禁用 [​​=15=].

中的箭头的参数

如何达到这样的效果？

我试过将 disabled prop 传递给 TablePagination，但它不起作用。

Answer 1

没有一个单独的 disabled 开关，但是您可以像这样设置内部按钮组件的 disabled 属性：

<TablePagination
  SelectProps={{
    disabled: isDisabled
  }}
  backIconButtonProps={
    isDisabled
      ? {
          disabled: isDisabled
        }
      : undefined
  }
  nextIconButtonProps={
    isDisabled
      ? {
          disabled: isDisabled
        }
      : undefined
  }
  {...}
/>

现场演示