From dff2a6b48ed6bb0c77bc4d466fa78e97690160a7 Mon Sep 17 00:00:00 2001 From: grzdev Date: Thu, 8 Oct 2026 20:43:44 +0100 Subject: [PATCH] fix(table): enhance aggregatedCell with bound cellComponents in createAppColumnHelper --- .changeset/app-column-helper-aggregated-cell.md | 9 +++++++++ packages/preact-table/src/createTableHook.tsx | 10 ++++++++-- packages/react-table/src/createTableHook.tsx | 10 ++++++++-- packages/react-table/tests/createTableHook.test.tsx | 1 + packages/solid-table/src/createTableHook.tsx | 10 ++++++++-- packages/svelte-table/src/createTableHook.svelte.ts | 10 ++++++++-- packages/vue-table/src/createTableHook.ts | 10 ++++++++-- 7 files changed, 50 insertions(+), 10 deletions(-) create mode 100644 .changeset/app-column-helper-aggregated-cell.md diff --git a/.changeset/app-column-helper-aggregated-cell.md b/.changeset/app-column-helper-aggregated-cell.md new file mode 100644 index 0000000000..145fbf3c32 --- /dev/null +++ b/.changeset/app-column-helper-aggregated-cell.md @@ -0,0 +1,9 @@ +--- +'@tanstack/react-table': patch +'@tanstack/preact-table': patch +'@tanstack/solid-table': patch +'@tanstack/svelte-table': patch +'@tanstack/vue-table': patch +--- + +fix(table): enhance `aggregatedCell` with bound `cellComponents` in `createAppColumnHelper` diff --git a/packages/preact-table/src/createTableHook.tsx b/packages/preact-table/src/createTableHook.tsx index 1702aa9b18..151cd7fb5b 100644 --- a/packages/preact-table/src/createTableHook.tsx +++ b/packages/preact-table/src/createTableHook.tsx @@ -94,11 +94,14 @@ export type AppColumnDefBase< THeaderComponents extends Record>, > = Omit< IdentifiedColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > @@ -117,11 +120,14 @@ export type AppDisplayColumnDef< THeaderComponents extends Record>, > = Omit< DisplayColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > diff --git a/packages/react-table/src/createTableHook.tsx b/packages/react-table/src/createTableHook.tsx index cceefdb70a..903ada5337 100644 --- a/packages/react-table/src/createTableHook.tsx +++ b/packages/react-table/src/createTableHook.tsx @@ -97,11 +97,14 @@ export type AppColumnDefBase< THeaderComponents extends Record>, > = Omit< IdentifiedColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > @@ -120,11 +123,14 @@ export type AppDisplayColumnDef< THeaderComponents extends Record>, > = Omit< DisplayColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > diff --git a/packages/react-table/tests/createTableHook.test.tsx b/packages/react-table/tests/createTableHook.test.tsx index d5f7fe966e..eb9905bb99 100644 --- a/packages/react-table/tests/createTableHook.test.tsx +++ b/packages/react-table/tests/createTableHook.test.tsx @@ -53,6 +53,7 @@ const columns = columnHelper.columns([ id: 'name', header: ({ header }) => , cell: ({ cell }) => , + aggregatedCell: ({ cell }) => , footer: 'Name footer', }), ]) diff --git a/packages/solid-table/src/createTableHook.tsx b/packages/solid-table/src/createTableHook.tsx index f42fba3f27..7da9d8ae35 100644 --- a/packages/solid-table/src/createTableHook.tsx +++ b/packages/solid-table/src/createTableHook.tsx @@ -89,11 +89,14 @@ export type AppColumnDefBase< THeaderComponents extends Record>, > = Omit< IdentifiedColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > @@ -112,11 +115,14 @@ export type AppDisplayColumnDef< THeaderComponents extends Record>, > = Omit< DisplayColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > diff --git a/packages/svelte-table/src/createTableHook.svelte.ts b/packages/svelte-table/src/createTableHook.svelte.ts index a3f282f235..23d7570772 100644 --- a/packages/svelte-table/src/createTableHook.svelte.ts +++ b/packages/svelte-table/src/createTableHook.svelte.ts @@ -98,11 +98,14 @@ export type AppColumnDefBase< THeaderComponents extends Record>, > = Omit< IdentifiedColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > @@ -121,11 +124,14 @@ export type AppDisplayColumnDef< THeaderComponents extends Record>, > = Omit< DisplayColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > diff --git a/packages/vue-table/src/createTableHook.ts b/packages/vue-table/src/createTableHook.ts index 96281a9a78..89ba1c90d1 100644 --- a/packages/vue-table/src/createTableHook.ts +++ b/packages/vue-table/src/createTableHook.ts @@ -68,11 +68,14 @@ export type AppColumnDefBase< THeaderComponents extends Record>, > = Omit< IdentifiedColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext > @@ -88,11 +91,14 @@ export type AppDisplayColumnDef< THeaderComponents extends Record>, > = Omit< DisplayColumnDef, - 'cell' | 'header' | 'footer' + 'cell' | 'header' | 'footer' | 'aggregatedCell' > & { cell?: AppColumnDefTemplate< AppCellContext > + aggregatedCell?: AppColumnDefTemplate< + AppCellContext + > header?: AppColumnDefTemplate< AppHeaderContext >