question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

What version of React-Table are you using?

6.6.0

What bug are you experiencing, or what feature are you proposing?

It doesn’t look like react-table has RTL support. It would include:

  • Reversing direction of content in cells;
  • Reversing order of columns in table;
  • Reversing prev/next pagination buttons;
  • Probably more things I’m not thinking about.

Is this something we’re thinking about doing? It’s a hard constraint on my use case.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:3
  • Comments:12 (7 by maintainers)

github_iconTop GitHub Comments

16reactions
webernircommented, Oct 31, 2017

I also face issues with RTL support (when having direction: rtl).

one issue is that horizontal scroll is not working as expected. I was able to fix that by using:

<ReactTable
   getTableProps={() => ({ style: { display: 'block' } })} // direction: rtl fix
/>

see demo

react-table-scroll

3reactions
AFanaeicommented, Mar 13, 2019

Hi Now that version 7 is in alpha stage could you add @webernir css to master.

Also it is possible to update documentation and add a section about rtl support if you want i can create a PR to update documentation with some examples.

Read more comments on GitHub >

github_iconTop Results From Across the Web

RTL Support in Web Applications - Scott Logic Blog
Typically in web applications supporting one of these languages, everything is reversed, meaning scroll bars, progress indicators, buttons etc.
Read more >
RTL Support | Quasar Framework
RTL is tightly coupled to Quasar Language Packs. When Quasar is set to use an RTL language (language pack has “rtl” prop set...
Read more >
RTL Support on Android. Here is all you need to know - Medium
To handle them, Android supports RTL layouts from API 17+ i.e., Android 4.2 (Jelly Bean) . Getting Started. In order to support RTL...
Read more >
RTL Support - Chakra UI
Chakra UI provides built-in support right-to-left (RTL) languages like arabic and hebrew, out of the box.
Read more >
RTL · Bootstrap v5.0
Learn how to enable support for right-to-left text in Bootstrap across our layout, components, and utilities.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found