fix styling support for tables

Author: mad-moo

frontend/code/components/table.ts

@@ -330,9 +330,12 @@ export class TableComponent extends ComponentBase {
         }
 
         // Find the targeted area
-        let styleLeft = style.left + 1;
+        let headersOffset = this.state.headers === null ? 0 : 1;
+        let rowNumbersOffset = this.state.show_row_numbers ? 1 : 0;
+
+        let styleLeft = style.left + rowNumbersOffset;
         let styleWidth = style.width;
-        let styleTop = style.top === "header" ? 0 : style.top + 1;
+        let styleTop = style.top === "header" ? 0 : style.top + headersOffset;
         let styleHeight = style.height;
 
         // Apply the CSS to all selected cells

rio/components/table.py

@@ -27,6 +27,8 @@
 @t.final
 @dataclass
 class TableSelection:
+    _table: Table
+
     _left: int
     _top: int | t.Literal["header"]
     _width: int
@@ -38,10 +40,14 @@ def style(
         self,
         *,
         font_weight: t.Literal["normal", "bold"] | None = None,
-    ) -> None:
+    ) -> Table:
+        # Store the passed in values
         if font_weight is not None:
             self._font_weight = font_weight
 
+        # Return the table to allow chaining
+        return self._table
+
     def _as_json(self) -> JsonDoc:
         # Some values are always present
         result: JsonDoc = {
@@ -543,6 +549,7 @@ def __getitem__(
 
         # Construct the result
         result = TableSelection(
+            _table=self,
             _left=left,
             _top=top,
             _width=width,