primeng icon indicating copy to clipboard operation
primeng copied to clipboard

Table: Responsive "stack" mode not behaving as advertised

Open Venom1991 opened this issue 6 months ago • 3 comments

Describe the bug

When reaching the desired width breakpoint the table does not collapse rows, i.e. it does not stack the data as it's supposed to.

Environment

Angular 17.3.12 PrimeNG 17.18.9 Node 22.6.0 Typescript 5.4.5 Windows 10 VS Code 1.92.2

Reproducer

No response

Angular version

17.3.12

PrimeNG version

17.18.9

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.6.0

Browser(s)

Firefox 129, Chrome 127

Steps to reproduce the behavior

Simply visit the official example and try decreasing the window's horizontal dimension. A scrollbar is shown instead of the rows collapsing. Same thing happens locally within my Angular/PrimeNG app, of course.

Expected behavior

The table should collapse its rows when the defined breakpoint is reached, as shown here (PrimeNG v14 LTS)

Venom1991 avatar Aug 21 '24 18:08 Venom1991