Table Scroll Flexible Viewport

Post Reply
ankushb
Posts: 16
Joined: 31 Jan 2021, 18:27

08 Jul 2021, 12:20

Hello,

I am trying to implement a table that resizes with viewport changes and shows the scroll bar to scroll items in the table. In the example on link https://primefaces.org/primeng/showcase/#/table/scroll under section "Flexible Viewport" you have an example of just what I need, with only difference being my table is not inside of a dialog box.

Now i tried to acheive the same without dialog box and the problem is that the scroll bar remains disabled.

Please see my stackblitz highlighting the issue. https://stackblitz.com/edit/primeng-tab ... index.html

Note I have added

Code: Select all

<body style="overflow:hidden;">
as i dont want the scroll bar on the browser, i just want it on the table. The above problem does not go away if i change the overflow on body anyway.
Can you suggest how i fix this please ?

Regards,
Ankush Brahmbhatt

merve7
Posts: 791
Joined: 12 Sep 2017, 10:44

10 Jul 2021, 22:25


ankushb
Posts: 16
Joined: 31 Jan 2021, 18:27

13 Jul 2021, 19:13

Thank you, I got to the bottom of the problem, I was setting overflow without setting the height. So once i set the height, it all started working.

Thanks for your help anyway.

Regards,
Ankush

merve7
Posts: 791
Joined: 12 Sep 2017, 10:44

14 Jul 2021, 15:30

You're welcome, glad to hear that :)

Regards,
Merve Özçifçi

Post Reply

Return to “Poseidon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests