Describe the bug

I have a dialog containing a table with a number of columns and rows that's not know when opening the dialog.

For that I would like a dialog with flexible size, that gets larger with more columns/rows to display.
From the docs I thought having scrollHeight for the DataTable to "flex" or "100%" should do this, but it doesn't show any rows at all.

Using a fixed scrollHeight show rows as expected, but leaves empty space with few rows, and does not increase dialog height with many rows.

Changing the scrollHeight later on changes the size of scroller and dialog, but not the number of displayed rows.

Given the amount of horizontal scroll, the dialog and table should also be wider than they are.

I can change the table's and dialog's geometry with script, but haven't yet found how to the the table's virtual scroll to update its number of displayed rows.

I have already posted the question at https://stackoverflow.com/questions/78978286/primevue-dynamic-datatable-in-flexible-dialog, but no luck there so far.

Reproducer

https://stackblitz.com/edit/8fnqmq?file=src%2FApp.vue

PrimeVue version

4.0.5

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Choose scrollHeight setting from select box and press button to show dialog.
Only fixed-height settings show an acceptable result.

Expected behavior

Dialog and table adjust size to the displayed content (with given minimum size), but do not exceed screen size.