bitboss-ui 2.1.131 → 2.1.132

package/dist/ai/BbTable.md

@@ -6,6 +6,7 @@
 <template>
 	<component
 		:is="containerTag"
+		:id="id"
 		ref="containerRef"
 		:aria-busy="loading"
 		:aria-rowcount="hasProvidedAccessibilityData ? props.totalItems : undefined"
@@ -471,7 +472,6 @@ const props = withDefaults(defineProps<InternalProps<T>>(), {
 	max: Infinity,
 	multiple: true,
 	modelValue: () => [],
-	inheritColumnWidths: true,
 	unselectedItems: () => [],
 });
 
@@ -529,17 +529,29 @@ const {
 			: undefined,
 });
 
-const inheritColumnWidths = computed(() => props.inheritColumnWidths !== false);
+/** Any column pinned to a parent track range — a per-column inherit signal. */
+const hasSnap = computed(() => props.columns.some((c) => c.snap != null));
+
+// Opt-in: inherit when explicitly enabled (`true`, or an ancestor id string),
+// or implicitly when any column carries a `snap` — a snap only resolves against
+// a parent's tracks, so asking for one is asking to inherit. An absent prop with
+// no snaps does not inherit, so a plain nested table stays independent. An
+// explicit `false` is authoritative and overrides the implicit snap signal.
+const inheritColumnWidths = computed(
+	() => !!props.inheritColumnWidths || hasSnap.value
+);
 
 /**
- * Assigned column widths (frozen or inherited) are only authoritative under
- * `table-layout: fixed`; in auto layout they behave like a minimum. So a table
- * that drives widths — explicitly `fixed`, inheriting from a parent, or with a
- * frozen column — uses fixed layout even when `fixed` was not set.
+ * Assigned column widths (frozen, snapped, or inherited) are only authoritative
+ * under `table-layout: fixed`; in auto layout they behave like a minimum. So a
+ * table that drives widths — explicitly `fixed`, inheriting from a parent, or
+ * with a column carrying a `width` or `snap` — uses fixed layout even when
+ * `fixed` was not set. (`snap` is a width definition: the parent track range.)
  */
 const fixedLayout = computed(
 	() =>
 		props.fixed ||
+		hasSnap.value ||
 		props.columns.some((column) => column.width != null) ||
 		(inheritColumnWidths.value && !!parentId.value)
 );
@@ -1723,10 +1735,12 @@ export type BbTableProps<Item = any> = {
 	id?: string;
 
 	/**
-	 * Controls whether unfrozen columns inherit their width from an ancestor
-	 * table's matching track, accounting for `select`/`actions` columns.
-	 * - `true` (the default): inherit from the nearest ancestor table.
-	 * - `false`: do not inherit.
+	 * Opt a nested table into inheriting its column widths from an ancestor
+	 * table's matching tracks (accounting for `select`/`actions` columns). This
+	 * also forces `table-layout: fixed`, so it is **off by default** — a nested
+	 * table renders independently unless you ask for alignment.
+	 * - `false` (the default): do not inherit; size independently.
+	 * - `true`: inherit from the nearest ancestor table.
 	 * - a table id (string): inherit from the specific ancestor in the chain with
 	 *   that id rather than the immediate parent. Use this when an intermediate
 	 *   table has a different column count, so the extra columns would otherwise
@@ -2129,7 +2143,7 @@ export type BbTableSlots<Item = any> = {
 	}
 
 	&--fixed {
-		table {
+		> table {
 			table-layout: fixed;
 			width: 100%;
 

package/dist/components/BbTable/types.d.ts

@@ -118,10 +118,12 @@ export type BbTableProps<Item = any> = {
      */
     id?: string;
     /**
-     * Controls whether unfrozen columns inherit their width from an ancestor
-     * table's matching track, accounting for `select`/`actions` columns.
-     * - `true` (the default): inherit from the nearest ancestor table.
-     * - `false`: do not inherit.
+     * Opt a nested table into inheriting its column widths from an ancestor
+     * table's matching tracks (accounting for `select`/`actions` columns). This
+     * also forces `table-layout: fixed`, so it is **off by default** — a nested
+     * table renders independently unless you ask for alignment.
+     * - `false` (the default): do not inherit; size independently.
+     * - `true`: inherit from the nearest ancestor table.
      * - a table id (string): inherit from the specific ancestor in the chain with
      *   that id rather than the immediate parent. Use this when an intermediate
      *   table has a different column count, so the extra columns would otherwise