Make the sample table more interactively

src/ai_dashboard/table_plugin/table_sample.py

@@ -24,10 +24,25 @@ class SampleTablePlugin(BaseTablePlugin):
 
         return dash_table.DataTable(  # type: ignore
             id="sample-table",
-            columns=[{"name": col, "id": col} for col in self.dataframe.columns],
-            data=self.dataframe.head(10).to_dict("records"),
-            page_size=10,
-            style_table={"overflowX": "auto"},
+            columns=[
+                {
+                    "name": col,
+                    "id": col,
+                    "hideable": True,
+                    "deletable": False,
+                    "renamable": False,
+                }
+                for col in self.dataframe.columns
+            ],
+            data=self.dataframe.to_dict("records"),
+            page_size=len(self.dataframe),
+            page_action="native",
+            filter_action="native",
+            row_selectable=None,
+            column_selectable="multi",
+            editable=False,
+            fixed_rows={"headers": True},
+            style_table={"overflowY": "auto", "overflowX": "auto", "height": "500px"},
             style_cell={
                 "textAlign": "center",
                 "padding": "6px",