Fix t.state_change is undefined

the error disappears when we use _style instead of style

Author: mwouts

docs/changelog.md

@@ -18,6 +18,7 @@ ITables ChangeLog
 - 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))
+- We have fixed a Javascript error in the Jupyter widget ('t.state_change is undefined') ([#407](https://github.com/mwouts/itables/issues/407))
 
 
 2.4.0 (2025-05-17)

packages/itables_anywidget/js/widget.ts

@@ -3,10 +3,11 @@ import { ITable, set_or_remove_dark_class } from 'dt_for_itables';
 
 /* Specifies attributes defined with traitlets in ../src/itables_anywidget/__init__.py */
 interface WidgetModel {
-	dt_args: object;
+	_dt_args: object;
 	caption: string;
 	classes: string;
-	style: string;
+	_style: string;
+	selected_rows: Array<number>;
 }
 
 function render({ model, el }: RenderContext<WidgetModel>) {
@@ -19,7 +20,7 @@ function render({ model, el }: RenderContext<WidgetModel>) {
 		table.className = model.get("classes");
 	}
 	function update_style() {
-		table.setAttribute('style', model.get("style"));
+		table.setAttribute('style', model.get("_style"));
 	}
 	function update_caption() {
 		let caption_text = model.get('caption');
@@ -36,7 +37,7 @@ function render({ model, el }: RenderContext<WidgetModel>) {
 
 	// Update the table when one of these change
 	model.on("change:classes", update_classes);
-	model.on("change:style", update_style);
+	model.on("change:_style", update_style);
 	model.on("change:caption", update_caption);
 
 	// This variable is a place holder from the

src/itables/widget/__init__.py

@@ -21,9 +21,12 @@ class ITable(anywidget.AnyWidget):
     # public traits
     caption = traitlets.Unicode().tag(sync=True)
     classes = traitlets.Unicode().tag(sync=True)
-    style = traitlets.Unicode().tag(sync=True)
     selected_rows = traitlets.List(traitlets.Int()).tag(sync=True)
 
+    # this trait is private - it was initially public but
+    # that was causing issue #407, so we now use a property and setter
+    _style = traitlets.Unicode().tag(sync=True)
+
     # private traits that relate to df or to the DataTable arguments
     # (use .update() to update them)
     _dt_args = traitlets.Dict().tag(sync=True)
@@ -39,7 +42,7 @@ def __init__(
         self._df = df
         self.caption = other_args.pop("caption") or ""
         self.classes = other_args.pop("classes")
-        self.style = other_args.pop("style")
+        self._style = other_args.pop("style")
         self.selected_rows = other_args.pop("selected_rows")
 
         self._dt_args = dt_args
@@ -73,11 +76,12 @@ def update(
             kwargs["classes"] = self.classes
         if "style" not in kwargs:
             kwargs["style"] = self.style
+            pass
 
         dt_args, other_args = get_itables_extension_arguments(df, caption, **kwargs)
 
         self.classes = other_args.pop("classes")
-        self.style = other_args.pop("style")
+        self._style = other_args.pop("style")
         self.caption = other_args.pop("caption")
 
         if df is None:
@@ -106,3 +110,11 @@ def df(self) -> Optional[DataFrameOrSeries]:
     @df.setter
     def df(self, df: Optional[DataFrameOrSeries]):
         self.update(df)
+
+    @property
+    def style(self) -> str:
+        return self._style
+
+    @style.setter
+    def style(self, style: str):
+        self._style = style