Fix overflow of table

vizro-core/changelog.d/20231031_111125_huong_li_nguyen_fix_table_overflow.md

@@ -0,0 +1,47 @@
+<!--
+A new scriv changelog fragment.
+
+Uncomment the section that is right (remove the HTML comment wrapper).
+-->
+
+<!--
+### Highlights ✨
+
+- A bullet item for the Highlights ✨ category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Removed
+
+- A bullet item for the Removed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Added
+
+- A bullet item for the Added category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Changed
+
+- A bullet item for the Changed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Deprecated
+
+- A bullet item for the Deprecated category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+
+### Fixed
+
+- Fix overflowing of `Table` ([#137](https://github.com/mckinsey/vizro/pull/137))
+
+<!--
+### Security
+
+- A bullet item for the Security category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->

vizro-core/src/vizro/models/_components/graph.py

@@ -84,5 +84,5 @@ def build(self):
                 className="chart_container",
             ),
             color="grey",
-            parent_className="chart_container",
+            parent_className="loading-container",
         )

vizro-core/src/vizro/models/_components/table.py

@@ -61,5 +61,7 @@ def build(self):
                 ],
                 className="table-container",
                 id=f"{self.id}_outer",
-            )
+            ),
+            color="grey",
+            parent_className="loading-container",
         )

vizro-core/tests/unit/vizro/models/_components/test_graph.py

@@ -53,7 +53,7 @@ def expected_graph():
             className="chart_container",
         ),
         color="grey",
-        parent_className="chart_container",
+        parent_className="loading-container",
     )
 
 

vizro-core/tests/unit/vizro/models/_components/test_table.py

@@ -33,7 +33,9 @@ def expected_table():
             ],
             className="table-container",
             id="text_table_outer",
-        )
+        ),
+        color="grey",
+        parent_className="loading-container",
     )