[🐛 BUG] Table flickers and occupies a lot of space when updating to no rows

[arcanaxion]

What went wrong? 🤔

When the table updates to show no rows, it briefly takes up a lot of space before properly rendering no rows:

I think it only happens when switching from no rows to no rows.

Steps to Reproduce Issue

Example code:

import taipy.gui.builder as tgb
from taipy.gui import Gui
import numpy as np

n_rows = 5
base_df = np.random.random((100, 10)).tolist()
df = base_df[:n_rows]

with tgb.Page() as page:
    tgb.toggle(theme=True)
    tgb.text("# Flickering table", mode="md")
    tgb.slider(value="{n_rows}")
    tgb.button("Refresh", on_action=lambda state: state.assign("df", base_df[:state.n_rows]))
    tgb.table("{df}")

    for _ in range(5):
        with tgb.part():
            tgb.text("# Example text", mode="md")

Gui(page).run(dark_mode=False)

It may also be seen in this simulation demo: https://supply-chain-monitoring.taipy.cloud/. Steps:

1. Set iteration to 0 and view the "Open Delayed Orders" table
2. Click the play button to run the simulation
3. Observe the table briefly enlarging every time it updates from empty to empty

Screenshots

Video:

flickering_table.mp4

Browsers

Chrome, Firefox

OS

Windows, Linux

Version of Taipy

4.0.1

Acceptance Criteria

• A unit test reproducing the bug is added.
• Any new code is covered by a unit tested.
• Check code coverage is at least 90%.
• The bug reporter validated the fix.
• Related issue(s) in taipy-doc are created for documentation and Release Notes are updated.

Code of Conduct

• I have checked the existing issues.
• I am willing to work on this issue (optional)