Material-table: Fix pagination section for rtl direction

Created on 1 Oct 2018  路  5Comments  路  Source: mbrn/material-table

Fix pagination section for rtl direction

bug

Most helpful comment

I experimented a bug also here.
When using pagination with rtl I have this :
image

Instead of this :
image

To make it work I have to overwrite the default Pagination component with style direction:ltr :

const components = {
  Pagination: props => (
    <TablePagination {...props} style={{ direction: "ltr" }} />
  )
};

All 5 comments

is it possible to have a workflow to reproduce the bug please ? 馃槂

I experimented a bug also here.
When using pagination with rtl I have this :
image

Instead of this :
image

To make it work I have to overwrite the default Pagination component with style direction:ltr :

const components = {
  Pagination: props => (
    <TablePagination {...props} style={{ direction: "ltr" }} />
  )
};

is it possible to have a workflow to reproduce the bug please ? 馃槂

I didn't see this comment before. To reproduce wrap table with a div with direction: 'ltr' style.

This is done with 1.23.4.

so what's the best way to make the table work in rtl direction?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lazeebee picture lazeebee  路  3Comments

victorwvieira picture victorwvieira  路  3Comments

terapepo picture terapepo  路  3Comments

bohrsty picture bohrsty  路  3Comments

revskill10 picture revskill10  路  3Comments