MUI の DataGrid の "Rows per page" をローカライズする

Update: 2021-11-23

MUI の DataGrid のフッタに表示される "Rows per page" を日本語にしようとしたのですが、 https://github.com/mui-org/material-ui-x/blob/HEAD/packages/grid/_modules_/grid/constants/localeTextConstants.ts には無いようです。

とりあえずの回避策 はうまくいきました。

私の場合、こんな感じで。 t('Rows per page') のところはローカライズの仕組みに合わせて。

<DataGrid
  componentsProps={ {
    pagination: {
      labelRowsPerPage: t('Rows per page')
    }
  }}
/>

Tag: nodejs react mui