在 Material-UI 中禁用表格分页

Question

我将Material-UI 的TablePagination组件与 React 结合使用。

但这个组件没有disabledprop。

我有一个布尔loading值，我想将其用作参数来启用或禁用TablePagination.

怎样才能达到这样的结果呢？

我试图将disabledprop 传递给TablePagination，但它不起作用。

Answer 1

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

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

现场演示