如何在加载API时禁用Material UI DataGrid的下一页按钮。

huangapple go评论59阅读模式
英文:

How to disable Material UI DataGrid go to next page button while loading the API

问题

这段代码涉及到 Material UI Datagrid,我需要在加载API时禁用"Go to next page"按钮。

<DataGrid
  autoHeight
  getRowHeight={getRowHeight}
  rows={rows}
  columns={columns}
  page={page - 1}
  rowCount={total}
  rowsPerPageOptions={rowsPerPage}
  pagination
  paginationMode='server'
  pageSize={pageSize}
  getRowClassName={(params) => getRowClassName(params)}
  onPageChange={(newPage) => handelPageChange(newPage)}
  loading={isLoading}
  // disableNextPage={isLoading}
  onPageSizeChange={(newPageSize) =>
    setAssetList((prevState) => ({
      ...prevState,
      pageSize: newPageSize,
    }))
  }
/>

如何在加载API时禁用Material UI DataGrid的下一页按钮。

英文:

This code is regarding Material UI Datagrid
I need to disable the Go to next page button while loading the API

    &lt;DataGrid
      autoHeight
      getRowHeight={getRowHeight}
      rows={rows}
      columns={columns}
      page={page - 1}
      rowCount={total}
      rowsPerPageOptions={rowsPerPage}
      pagination
      paginationMode=&#39;server&#39;
      pageSize={pageSize}
      getRowClassName={(params) =&gt; getRowClassName(params)}
      onPageChange={(newPage) =&gt; handelPageChange(newPage)}
      loading={isLoading}
      // disableNextPage={isLoading}
      onPageSizeChange={(newPageSize) =&gt;
        setAssetList((prveState) =&gt; ({
          ...prveState,
          pageSize: newPageSize,
        }))
      }
    /&gt;

答案1

得分: 5

已使用此属性,它已被解决

hideFooterPagination={isLoading}

英文:

I have used this prop it has been resolved

hideFooterPagination={isLoading}

huangapple
  • 本文由 发表于 2023年2月18日 17:54:34
  • 转载请务必保留本文链接:https://go.coder-hub.com/75492515.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定