We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
in datatable component Design Tokens, Only a few of them work, the rest don't work properly.
But in the component page, I directly bind: dt = 'dtDatatable', it works
import { definePreset } from '@primevue/themes'; import Aura from '@primevue/themes/aura'; export default definePreset(Aura, { components: { datatable: { header: { cell: { color: '{blue.400}', selected: { color: '{yellow.400}', background: '{red.400}', }, hover: { background: '{blue.400}', }, }, }, sortIconColor: '{red.600}', //working fine body: { cell: { padding: '0.5rem 1rem', //working fine }, }, }, } });
No response
https://stackblitz.com/edit/primevue-4-vite-issue-template-twrms6kv?file=src%2Ftheme%2Fcustom.js
macos 15 node v20 nuxt 3.15
3.5.13
4.2.5
20.16
chrome 131
export default definePreset(Aura, { components: { datatable: { header: { cell: { color: '{blue.400}', selected: { color: '{yellow.400}', background: '{red.400}', }, hover: { background: '{blue.400}', }, }, }, sortIconColor: '{red.600}', //working body: { cell: { padding: '0.5rem 1rem', //working }, }, }, }, });
Hope the theme changes will take effect
The text was updated successfully, but these errors were encountered:
If you use headerCell instead of header: { cell: {} }, it works, which is not expected, but it's a workaround
Sorry, something went wrong.
Thank you for your temporary solution, this one works
No branches or pull requests
Describe the bug
in datatable component Design Tokens,
Only a few of them work, the rest don't work properly.
But in the component page, I directly bind: dt = 'dtDatatable', it works
Pull Request Link
No response
Reason for not contributing a PR
Other Reason
No response
Reproducer
https://stackblitz.com/edit/primevue-4-vite-issue-template-twrms6kv?file=src%2Ftheme%2Fcustom.js
Environment
macos 15
node v20
nuxt 3.15
Vue version
3.5.13
PrimeVue version
4.2.5
Node version
20.16
Browser(s)
chrome 131
Steps to reproduce the behavior
Expected behavior
Hope the theme changes will take effect
The text was updated successfully, but these errors were encountered: