primevue
primevue copied to clipboard
DataTable: headers are missing in responsive layout
Describe the bug
DataTable headers do not display properly, using #header slot and stack responsiveLayout.
Reproducer
https://stackblitz.com/edit/2enqv4?file=src%2FApp.vue
PrimeVue version
3.32.0
Vue version
3.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Firefox
Steps to reproduce the behavior
- Create simple Datatable
- Put responsiveLayout="stack"
- Remove 'header' from datatable props
- Add template 'header'
- Place labels to template header
- Check on mobile screen
Expected behavior
Display headers on mobile screens