diff --git a/v2/pink-sb/src/lib/table/Cell.svelte b/v2/pink-sb/src/lib/table/Cell.svelte index 58a312df23..479541c849 100644 --- a/v2/pink-sb/src/lib/table/Cell.svelte +++ b/v2/pink-sb/src/lib/table/Cell.svelte @@ -19,6 +19,7 @@ class:vertical-end={isVerticalEnd} class:horizontal-start={isHorizontalStart} class:horizontal-end={isHorizontalEnd} + style:--cell-height={root.cellHeight} > @@ -26,13 +27,12 @@ diff --git a/v2/pink-sb/src/lib/table/row/index.ts b/v2/pink-sb/src/lib/table/row/index.ts index 82a031ce2d..ff9b584c23 100644 --- a/v2/pink-sb/src/lib/table/row/index.ts +++ b/v2/pink-sb/src/lib/table/row/index.ts @@ -5,6 +5,7 @@ import Link from './Link.svelte'; export type RowBaseProps = { id?: string; + sticky?: boolean | number; root: RootProp; }; diff --git a/v2/pink-sb/src/stories/Table.stories.svelte b/v2/pink-sb/src/stories/Table.stories.svelte index 9e0ff5d3a5..ba7d553a9b 100644 --- a/v2/pink-sb/src/stories/Table.stories.svelte +++ b/v2/pink-sb/src/stories/Table.stories.svelte @@ -77,6 +77,81 @@ + + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + Lorem + Ipsum + Dolor + + + +