react-data-table-component icon indicating copy to clipboard operation
react-data-table-component copied to clipboard

RTL Pagination buttons

Open eylonxx opened this issue 2 years ago • 1 comments

Issue Check list

  • [x ] Agree to the Code of Conduct
  • [x ] Read the README
  • [x ] You are using React 16.8.0+
  • [x ] You installed styled-components
  • [ ] Include relevant code or preferably a code sandbox

Describe the bug

Changing direction on <DataTable/> to 'rtl' swaps the pagination buttons (reverses them).

To Reproduce

Steps to reproduce the behavior:

  1. add direction rtl to datatable

Expected behavior

buttons stay the same

Code Sandbox, Screenshots, or Relevant Code

Please include a codesandbox to help expedite troublshooting.

https://codesandbox.io/embed/react-data-table-sandbox-ccyuu

Otherwise, add screenshots and/or complete sample code to help explain your problem.

Versions (please complete the following information)

  • React (RDT requires 16.8.0+)
  • Styled Components
  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari, firefox]

Additional context

Add any other context about the problem here.

eylonxx avatar Oct 06 '22 12:10 eylonxx

#pagination-first-page, #pagination-previous-page, #pagination-last-page, #pagination-next-page { transform: scale(1, 1) !important; } fixes it :)

eylonxx avatar Oct 06 '22 12:10 eylonxx

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Nov 12 '22 18:11 stale[bot]