diff --git a/bun.lockb b/bun.lockb index 9c2dca4..fd43379 100644 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css index 0f08e7e..20b6fe2 100644 --- a/src/components/table/table.module.css +++ b/src/components/table/table.module.css @@ -1,3 +1,9 @@ +@property --depth { + syntax: ""; + inherits: true; + initial-value: 0; +} + .table { --shadow-color: oklch(0 0 0 / .05); --shadow: var(--shadow-color) 0 0 2em; @@ -26,7 +32,7 @@ & :is(.cell:first-child, .checkbox + .cell) { position: sticky; inset-inline-start: 1px; - padding-inline-start: calc(var(--depth) * 1em + var(--padding-m)); + padding-inline-start: calc(var(--depth, 0) * 1em + var(--padding-m)); z-index: 1; &::after { @@ -188,12 +194,6 @@ } } -@property --depth { - syntax: ""; - inherits: true; - initial-value: 0; -} - @keyframes header-scroll-shadow { from { box-shadow: none; diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx index c65b371..1b79d59 100644 --- a/src/components/table/table.tsx +++ b/src/components/table/table.tsx @@ -86,9 +86,11 @@ function InnerTable>(props: InnerTableProps) { const columnCount = createMemo(() => table.columns().length); return - { - summary => - } + {/* 0 ? props.summary : undefined}>{ + summary => { + return ; + } + } */} @@ -171,27 +173,27 @@ function Head(props: {}) { return; } - table.setSort(current => { - if (current?.by !== by) { - return { by, reversed: false }; - } + // table.setSort(current => { + // if (current?.by !== by) { + // return { by, reversed: false }; + // } - if (current.reversed === true) { - return undefined; - } + // if (current.reversed === true) { + // return undefined; + // } - return { by, reversed: true }; - }); + // return { by, reversed: true }; + // }); }; return ; } } @@ -226,17 +228,19 @@ function Row>(props: { key: keyof T, value: T, dep { - ({ id }) => + ({ id }) => { + const content = table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]; + + // return <>{content}; + return ; + } }; }; function Group>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode[], depth: number }) { - const table = useTable(); - return
{String(props.key)} - {String(props.key)} { node => diff --git a/src/entry-server.tsx b/src/entry-server.tsx index f56257b..51b314e 100644 --- a/src/entry-server.tsx +++ b/src/entry-server.tsx @@ -36,7 +36,7 @@ export default createHandler(({ nonce }) => { // style: `${base} data: `, } as const; - // event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; ')) + event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; ')) return { nonce }; }); diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx index ba4acf8..3db6bf2 100644 --- a/src/routes/(editor)/experimental/table.tsx +++ b/src/routes/(editor)/experimental/table.tsx @@ -57,7 +57,7 @@ export default function TableExperiment() { sort: undefined, }); - const rows = createMemo(() => createDataSet(people)); + const rows = createMemo(() => createDataSet(people.slice(0, 1))); createEffect(() => { rows().setGrouping(store.group); @@ -117,7 +117,7 @@ export default function TableExperiment() {
-
{summary()}Kaas {summary()}
{label} - + {/* - + */} {table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]}{content}
+
; } \ No newline at end of file