小编Elo*_*ler的帖子

如何更改DataGrid中分页的标签值(material ui)

我正在使用 Material-ui 中的 DataGrid,它为我提供了一个带有分页和过滤器的数组

 <DataGrid
        rows={OffersFilteredData}
        getRowId={(row) => row?._id}
        sx={{
          boxShadow: 5,
          border: 2,
          borderColor: '#fff',
          '& .MuiDataGrid-cell:hover': {
            color: 'primary.main',
          },
        }}
        columns={columns}
        checkboxSelection
        selectionModel={offersChecked?.map((obj) => Object.values(obj)[0])}
        onSelectionModelChange={(ids) => {
          onRowsSelectionHandler(ids);
        }}
        rowsPerPageOptions={[5, 10, 20, 50, 100]}
      />
Run Code Online (Sandbox Code Playgroud)

我想更改分页中的标签值,但保留 DataGrid。 在此输入图像描述

我已经看到了制作外部 TablePagination 组件的可能性,但我想保留 Datagrid 而不是单独制作组件。我可以添加到数据网格来更改标签吗?

reactjs material-ui

1
推荐指数
1
解决办法
1441
查看次数

标签 统计

material-ui ×1

reactjs ×1