Material-UI:如何更改 TablePagination 标题,说明显示了多少行?

Material-UI: How can I change TablePagination caption that tells how many rows shown?

我想把“of”这个词的字符串改成另一个词,我试过node_modules但是没有成功。

这是我的代码:

<TableFooter>
  <TableRow>
    <TablePagination
      rowsPerPageOptions={[5, 10, 25, { label: "All", value: -1 }]}
      count={props.generalIndicatorDataItem.length}
      rowsPerPage={rowsPerPage}
      page={page}
      labelRowsPerPage="عدد السلع فى الصفحة"
      onChangePage={handleChangePage}
      onChangeRowsPerPage={handleChangeRowsPerPage}
      ActionsComponent={TablePaginationActions}
    />
  </TableRow>
</TableFooter>

这是我的截图:

labelDisplayedRows props 是具有以下签名的回调:

({ from, to, count }) => string

正确使用方法如下:

labelDisplayedRows={({ from, to, count }) =>
  `${from}-${to} OF ${count !== -1 ? count : `MORE THAN ${to}`}`}

现场演示