@spaethtech/svelte-ui 0.17.1-dev.83.8520c1d → 0.17.1-dev.84.05ecf9b

package/dist/components/DataTable.svelte

@@ -60,7 +60,9 @@
      *  reorders WITHIN the visible page only. */
     reorderable?: boolean;
     expanded?: Snippet<[T]>;
-    rowActions?: (row: T) => MenuItem[];
+    /** Per-row kebab menu. Return `null`/`undefined`/`[]` for a row with no actions — the kebab still
+     *  renders (columns stay aligned) but is disabled, rather than opening an empty/all-disabled menu. */
+    rowActions?: (row: T) => MenuItem[] | null | undefined;
     bulkActions?: (selected: ReadonlySet<string>) => MenuItem[];
     onReorder?: (row: T, direction: "up" | "down") => void;
     /** Overall density tier. Scales the whole table uniformly:
@@ -444,12 +446,17 @@
             {#if hasTail}
               <div class="flex shrink-0 items-center justify-end" style="width: {heightVar}">
                 {#if rowActions}
+                  <!-- The kebab renders on EVERY row (keeps the tail column aligned); it's DISABLED
+                       when this row has no actions (`rowActions` returned null/undefined/[]) — a
+                       disabled button reads as "nothing to do here", vs a menu of greyed-out items. -->
+                  {@const actions = rowActions(row)}
                   <Button
                     variant="ghost"
                     {size}
+                    disabled={!actions || actions.length === 0}
                     aria-label="Row actions"
                     title="Row actions"
-                    onclick={(e) => openMenu(e, rowActions(row))}
+                    onclick={(e) => openMenu(e, actions ?? [])}
                   >
                     {#snippet icon()}<IconDots />{/snippet}
                   </Button>

package/dist/components/DataTable.svelte.d.ts

@@ -16,7 +16,9 @@ declare function $$render<T>(): {
          *  reorders WITHIN the visible page only. */
         reorderable?: boolean;
         expanded?: Snippet<[T]>;
-        rowActions?: (row: T) => MenuItem[];
+        /** Per-row kebab menu. Return `null`/`undefined`/`[]` for a row with no actions — the kebab still
+         *  renders (columns stay aligned) but is disabled, rather than opening an empty/all-disabled menu. */
+        rowActions?: (row: T) => MenuItem[] | null | undefined;
         bulkActions?: (selected: ReadonlySet<string>) => MenuItem[];
         onReorder?: (row: T, direction: "up" | "down") => void;
         /** Overall density tier. Scales the whole table uniformly:

package/docs/components.md

@@ -377,10 +377,17 @@ Config-driven, responsive 12-column data table over a `DataGrid`.
 
 - **Location**: `src/lib/components/DataTable.svelte`
 - **Props**: `grid` (`DataGrid<T>` from `@spaethtech/svelte-ui/data`), `selectable`, `expandable`, `expanded`
-  (snippet), `rowActions` (`(row) => MenuItem[]`), `bulkActions`
+  (snippet), `rowActions` (`(row) => MenuItem[] | null`), `bulkActions`
 - **Features**: selectable + expandable rows, sortable headers, per-row & bulk action menus
   (via `Menu`/`Popup`), paginated footer. A **compound component** — all controls are
   `<Button variant="plain" size="sm">` / `<Select size="sm">` / `<Checkbox>`.
+- **`rowActions` per row**: return `null`/`undefined`/`[]` for a row with no actions — the kebab still
+  renders (the tail column stays aligned across rows) but is **disabled**, rather than opening an empty
+  or all-greyed menu. Return items to enable it.
+- **Links in an expandable table**: wrap only the **text** in `<a>` inside your `cell` snippet (not the
+  whole cell). The cell is a flex box, so a plain inline `<a>text</a>` is text-width — the rest of the
+  cell stays an expand/collapse target. Row-click already ignores clicks on `a`/`button`/`input`/…, so
+  a link navigates without toggling expand; don't stretch the anchor with `block`/`w-full`.
 
 ### Query
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.17.1-dev.83.8520c1d",
+  "version": "0.17.1-dev.84.05ecf9b",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"