Use fillable=False in output_widget

Author: mwouts

apps/shiny/issue_360/app.py

@@ -0,0 +1,30 @@
+from shiny import App, ui
+from shinywidgets import output_widget, render_widget
+
+from itables.sample_dfs import get_countries
+from itables.widget import ITable
+
+app_ui = ui.page_fluid(
+    ui.h1("Issue #360"),
+    ui.p("The table height is not correct"),
+    output_widget("my_table", fillable=False),
+    ui.p(
+        "More content, should not hide the table (but it does when "
+        "we don't set `fillable=False` in `output_widget`)"
+    ),
+)
+
+
+# Define server
+def server(
+    input,  # pyright: ignore[reportUnknownParameterType,reportMissingParameterType]
+    output,  # pyright: ignore[reportUnknownParameterType,reportMissingParameterType]
+    session,  # pyright: ignore[reportUnknownParameterType,reportMissingParameterType]
+):
+    @render_widget
+    def my_table():  # pyright: ignore[reportUnusedFunction]
+        return ITable(df=get_countries(html=False))
+
+
+# Create the Shiny app
+app = App(app_ui, server)  # pyright: ignore[reportUnknownArgumentType]

apps/shiny/itable_widget/app-core.py

@@ -15,7 +15,7 @@
             selected="int_float_str",
         )
     ),
-    output_widget("my_table"),
+    output_widget("my_table", fillable=False),
     ui.markdown("Selected rows"),
     ui.output_code("selected_rows"),
     title="Using the ITable Widget in a Shiny App",

docs/apps/shiny.md

@@ -29,7 +29,7 @@ from shinywidgets import output_widget
 
 app_ui = ui.page_fluid(
     # ...
-    output_widget("my_table"),
+    output_widget("my_table", fillable=False),
     # ...
 )
 ```

docs/changelog.md

@@ -17,6 +17,7 @@ ITables ChangeLog
 - The optional final semicolon in `style` argument is now supported again ([#386](https://github.com/mwouts/itables/issues/386))
 - The index of Pandas Style object is now rendered when non-trivial ([#393](https://github.com/mwouts/itables/issues/393))
 - We have made the CSS files compatible with the shadow dom used by Marimo ([#383](https://github.com/mwouts/itables/issues/383))
+- A workaround for the incorrect widget weight in Shiny is to use `fillable=False` in the `output_widget` ([#360](https://github.com/mwouts/itables/issues/360))
 
 
 2.4.0 (2025-05-17)