react js mui-datatable不能翻译labelDisplayedRows文本

Question

我使用"mui-datatables": "^4.2.2",和react 17来处理datatable。

我创建了一个选项列表：

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

关于概念的证明，请参见这个非常基本的例子

对于一个更完整的例子，请检查这个演示，它也包括MuiTablePagination，以便让控件在页面之间导航。