反应 js mui-datatables 无法翻译 labelDisplayedRows 文本

Question

我正在使用 "mui-datatables": "^4.2.2", 和 React js 17 来处理数据表。

我创建了一个选项列表：

const options = {
  filter: false,
  download: true,
  sort: false,
  selectableRows: true,
  print: true,
  viewColumns: false,
  searchOpen: false,
  // rowsPerPageOptions: {},
  labelDisplayedRows: ({ from, to, count }) => {
    return "Affichage de " + from + " à " + to + " sur " + count;
  },
  search: true,
  page: 0,
  pageSize: 10,
  // rowsPerPage: 10,
  rowsPerPageOptions: {},
};

我想翻译 labelDisplayedRows :

 labelDisplayedRows: ({ from, to, count }) => {
    return "Affichage de " + from + " à " + to + " sur " + count;
  },

  <MUIDataTable
     title={"Accueil"}
     data={data}
     columns={columns}
     options={options}
   />

但是没用。

如何正确更改文本？谢谢

Answer 1

您需要为此使用 customFooter 而不是 labelDisplayedRows

请参阅 this very basic example 以验证概念

有关更完整的示例，请检查 this demo，其中还包括 MuiTablePagination 以便控件在页面之间导航。