icflorescu / icflorescu/mantine-datatable
`paginationActiveTextColor` is not correctly applied to `DataTablePageSizeSelector`
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 102
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Setting the paginationActiveTextColor={'white'} prop on the table does not produce white text for the DataTablePageSizeSelector.
To Reproduce
<DataTable
...
paginationActiveTextColor={'white'}
paginationActiveBackgroundColor={'purple'}
/>
Expected behavior
The rendered text in the PageSizeSelector menu should be white.
Screenshots
Desktop:
- OS: MacOS 15.6.1
- Browser Zen Browser
- Version 1.14.11b (Firefox 141.0.3)
Additional context
It looks like the color evaluates the theme values over the specifically set paginationActiveTextColor value.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the DataTable and DataTablePageSizeSelector components, then trace how paginationActiveTextColor is applied to the page-size menu text and how theme values may override it. Reproduce the issue with white text and a purple active background, and consider the work complete when the rendered menu text uses the explicitly supplied white color.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100