0

I am designing an attendance dashboard using Angular and PrimeNG UI framework. There is a use case where admin has to select a period (normally a month long) to show work/absence.

Here is the table example I modified to include the duration https://stackblitz.com/edit/primeng-widetbl-sa1?

I noticed due to the 'responsive-design', it has to fit everything into a page wide which is very ugly. Is there a way to enable horizontal bar and still compatible with PrimeNG framework? How can we do that?

Antikhippe
  • 6,316
  • 2
  • 28
  • 43
Weilies
  • 500
  • 1
  • 7
  • 27

1 Answers1

1

Add autoLayout="true" to your p-table tag.

See StackBlitz

PrimeNG doc:

If you require cells to scale based on their contents set autoLayout property to true.

Antikhippe
  • 6,316
  • 2
  • 28
  • 43