react-data-table-component
react-data-table-component copied to clipboard
RTL Pagination buttons
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:
- 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.
#pagination-first-page, #pagination-previous-page, #pagination-last-page, #pagination-next-page { transform: scale(1, 1) !important; } fixes it :)
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.