primevue icon indicating copy to clipboard operation
primevue copied to clipboard

DataTable: headers are missing in responsive layout

Open AniaKru95 opened this issue 8 months ago • 0 comments

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

  1. Create simple Datatable
  2. Put responsiveLayout="stack"
  3. Remove 'header' from datatable props
  4. Add template 'header'
  5. Place labels to template header
  6. Check on mobile screen

Expected behavior

Display headers on mobile screens

AniaKru95 avatar May 29 '24 13:05 AniaKru95