Skip to content

feat: svelte-table v9 refactor#6227

Merged
KevinVandy merged 3 commits intoalphafrom
svelte-refactor
Apr 7, 2026
Merged

feat: svelte-table v9 refactor#6227
KevinVandy merged 3 commits intoalphafrom
svelte-refactor

Conversation

@KevinVandy
Copy link
Copy Markdown
Member

🎯 Changes

✅ Checklist

  • I have followed the steps in the Contributing guide.
  • I have tested this code locally with pnpm test:pr.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Apr 7, 2026

Important

Review skipped

Too many files!

This PR contains 299 files, which is 149 over the limit of 150.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 68058db9-e0b3-4061-aa6e-f03edba42fba

📥 Commits

Reviewing files that changed from the base of the PR and between e59f732 and ad4a12a.

⛔ Files ignored due to path filters (1)
  • examples/angular/basic-inject-table/public/favicon.ico is excluded by !**/*.ico
📒 Files selected for processing (299)
  • docs/config.json
  • examples/angular/basic-inject-table/.gitignore
  • examples/angular/basic-inject-table/README.md
  • examples/angular/basic-inject-table/angular.json
  • examples/angular/basic-inject-table/package.json
  • examples/angular/basic-inject-table/src/app/app.config.ts
  • examples/angular/basic-inject-table/src/app/app.html
  • examples/angular/basic-inject-table/src/app/app.routes.ts
  • examples/angular/basic-inject-table/src/app/app.ts
  • examples/angular/basic-inject-table/src/index.html
  • examples/angular/basic-inject-table/src/main.ts
  • examples/angular/basic-inject-table/src/styles.css
  • examples/angular/basic-inject-table/tsconfig.app.json
  • examples/angular/basic-inject-table/tsconfig.json
  • examples/angular/remote-data/package.json
  • examples/lit/basic/package.json
  • examples/lit/column-sizing/package.json
  • examples/lit/filters/package.json
  • examples/lit/row-selection/package.json
  • examples/lit/sorting-dynamic-data/package.json
  • examples/lit/sorting/package.json
  • examples/lit/virtualized-rows/package.json
  • examples/preact/basic/package.json
  • examples/preact/sorting/package.json
  • examples/react/basic-external-state/package.json
  • examples/react/basic-external-store/package.json
  • examples/react/basic-shadcn/package.json
  • examples/react/basic-use-app-table/package.json
  • examples/react/basic-use-legacy-table/package.json
  • examples/react/basic-use-table/package.json
  • examples/react/column-dnd/package.json
  • examples/react/column-groups/package.json
  • examples/react/column-ordering/package.json
  • examples/react/column-pinning-split/package.json
  • examples/react/column-pinning-sticky/package.json
  • examples/react/column-pinning/package.json
  • examples/react/column-resizing-performant/package.json
  • examples/react/column-resizing/package.json
  • examples/react/column-sizing/package.json
  • examples/react/column-visibility/package.json
  • examples/react/composable-tables/package.json
  • examples/react/custom-plugin/package.json
  • examples/react/expanding/package.json
  • examples/react/filters-faceted/package.json
  • examples/react/filters-fuzzy/package.json
  • examples/react/filters/package.json
  • examples/react/grouping/package.json
  • examples/react/kitchen-sink-shadcn/package.json
  • examples/react/pagination/package.json
  • examples/react/row-dnd/package.json
  • examples/react/row-pinning/package.json
  • examples/react/row-selection/package.json
  • examples/react/sorting/package.json
  • examples/react/sub-components/package.json
  • examples/react/virtualized-columns-experimental/package.json
  • examples/react/virtualized-columns/package.json
  • examples/react/virtualized-infinite-scrolling/package.json
  • examples/react/virtualized-rows-experimental/package.json
  • examples/react/virtualized-rows/package.json
  • examples/react/with-tanstack-form/package.json
  • examples/react/with-tanstack-query/package.json
  • examples/react/with-tanstack-router/package.json
  • examples/solid/basic-app-table/package.json
  • examples/solid/basic-external-state/package.json
  • examples/solid/basic-external-state/src/App.tsx
  • examples/solid/basic-external-store/package.json
  • examples/solid/basic-external-store/src/App.tsx
  • examples/solid/basic-use-table/package.json
  • examples/solid/basic-use-table/src/App.tsx
  • examples/solid/column-groups/package.json
  • examples/solid/column-groups/src/App.tsx
  • examples/solid/column-ordering/package.json
  • examples/solid/column-ordering/src/App.tsx
  • examples/solid/column-pinning-split/package.json
  • examples/solid/column-pinning-sticky/package.json
  • examples/solid/column-pinning/package.json
  • examples/solid/column-resizing-performant/package.json
  • examples/solid/column-resizing/package.json
  • examples/solid/column-sizing/package.json
  • examples/solid/column-visibility/package.json
  • examples/solid/column-visibility/src/App.tsx
  • examples/solid/composable-tables/package.json
  • examples/solid/expanding/package.json
  • examples/solid/filters-faceted/package.json
  • examples/solid/filters-faceted/src/App.tsx
  • examples/solid/filters-fuzzy/package.json
  • examples/solid/filters/package.json
  • examples/solid/filters/src/App.tsx
  • examples/solid/grouping/package.json
  • examples/solid/pagination/package.json
  • examples/solid/row-pinning/package.json
  • examples/solid/row-selection/package.json
  • examples/solid/row-selection/src/App.tsx
  • examples/solid/sorting/package.json
  • examples/solid/sorting/src/App.tsx
  • examples/solid/sub-components/package.json
  • examples/solid/virtualized-columns/package.json
  • examples/solid/virtualized-infinite-scrolling/package.json
  • examples/solid/virtualized-rows/package.json
  • examples/solid/with-tanstack-form/package.json
  • examples/solid/with-tanstack-query/package.json
  • examples/solid/with-tanstack-query/src/App.tsx
  • examples/solid/with-tanstack-router/package.json
  • examples/svelte/basic-app-table/.gitignore
  • examples/svelte/basic-app-table/README.md
  • examples/svelte/basic-app-table/index.html
  • examples/svelte/basic-app-table/package.json
  • examples/svelte/basic-app-table/src/App.svelte
  • examples/svelte/basic-app-table/src/index.css
  • examples/svelte/basic-app-table/src/main.ts
  • examples/svelte/basic-app-table/svelte.config.js
  • examples/svelte/basic-app-table/tsconfig.json
  • examples/svelte/basic-app-table/vite.config.js
  • examples/svelte/basic-create-table/.gitignore
  • examples/svelte/basic-create-table/README.md
  • examples/svelte/basic-create-table/index.html
  • examples/svelte/basic-create-table/package.json
  • examples/svelte/basic-create-table/src/App.svelte
  • examples/svelte/basic-create-table/src/index.css
  • examples/svelte/basic-create-table/src/main.ts
  • examples/svelte/basic-create-table/svelte.config.js
  • examples/svelte/basic-create-table/tsconfig.json
  • examples/svelte/basic-create-table/vite.config.js
  • examples/svelte/basic-external-state/index.html
  • examples/svelte/basic-external-state/package.json
  • examples/svelte/basic-external-state/src/App.svelte
  • examples/svelte/basic-external-state/src/index.css
  • examples/svelte/basic-external-state/src/main.ts
  • examples/svelte/basic-external-state/src/makeData.ts
  • examples/svelte/basic-external-state/src/vite-env.d.ts
  • examples/svelte/basic-external-state/svelte.config.js
  • examples/svelte/basic-external-state/tsconfig.json
  • examples/svelte/basic-external-state/vite.config.js
  • examples/svelte/basic-external-store/index.html
  • examples/svelte/basic-external-store/package.json
  • examples/svelte/basic-external-store/src/App.svelte
  • examples/svelte/basic-external-store/src/index.css
  • examples/svelte/basic-external-store/src/main.ts
  • examples/svelte/basic-external-store/src/makeData.ts
  • examples/svelte/basic-external-store/src/vite-env.d.ts
  • examples/svelte/basic-external-store/svelte.config.js
  • examples/svelte/basic-external-store/tsconfig.json
  • examples/svelte/basic-external-store/vite.config.js
  • examples/svelte/basic-snippets/package.json
  • examples/svelte/basic-snippets/src/App.svelte
  • examples/svelte/basic-snippets/src/snippets.svelte
  • examples/svelte/basic-table-helper/src/App.svelte
  • examples/svelte/basic/src/App.svelte
  • examples/svelte/column-groups/package.json
  • examples/svelte/column-groups/src/App.svelte
  • examples/svelte/column-ordering/package.json
  • examples/svelte/column-ordering/src/App.svelte
  • examples/svelte/column-pinning-split/.gitignore
  • examples/svelte/column-pinning-split/index.html
  • examples/svelte/column-pinning-split/package.json
  • examples/svelte/column-pinning-split/src/App.svelte
  • examples/svelte/column-pinning-split/src/index.css
  • examples/svelte/column-pinning-split/src/main.ts
  • examples/svelte/column-pinning-split/src/makeData.ts
  • examples/svelte/column-pinning-split/svelte.config.js
  • examples/svelte/column-pinning-split/tsconfig.json
  • examples/svelte/column-pinning-split/vite.config.js
  • examples/svelte/column-pinning-sticky/.gitignore
  • examples/svelte/column-pinning-sticky/index.html
  • examples/svelte/column-pinning-sticky/package.json
  • examples/svelte/column-pinning-sticky/src/App.svelte
  • examples/svelte/column-pinning-sticky/src/index.css
  • examples/svelte/column-pinning-sticky/src/main.ts
  • examples/svelte/column-pinning-sticky/src/makeData.ts
  • examples/svelte/column-pinning-sticky/svelte.config.js
  • examples/svelte/column-pinning-sticky/tsconfig.json
  • examples/svelte/column-pinning-sticky/vite.config.js
  • examples/svelte/column-pinning/package.json
  • examples/svelte/column-pinning/src/App.svelte
  • examples/svelte/column-resizing-performant/.gitignore
  • examples/svelte/column-resizing-performant/index.html
  • examples/svelte/column-resizing-performant/package.json
  • examples/svelte/column-resizing-performant/src/App.svelte
  • examples/svelte/column-resizing-performant/src/index.css
  • examples/svelte/column-resizing-performant/src/main.ts
  • examples/svelte/column-resizing-performant/src/makeData.ts
  • examples/svelte/column-resizing-performant/svelte.config.js
  • examples/svelte/column-resizing-performant/tsconfig.json
  • examples/svelte/column-resizing-performant/vite.config.js
  • examples/svelte/column-resizing/.gitignore
  • examples/svelte/column-resizing/index.html
  • examples/svelte/column-resizing/package.json
  • examples/svelte/column-resizing/src/App.svelte
  • examples/svelte/column-resizing/src/index.css
  • examples/svelte/column-resizing/src/main.ts
  • examples/svelte/column-resizing/svelte.config.js
  • examples/svelte/column-resizing/tsconfig.json
  • examples/svelte/column-resizing/vite.config.js
  • examples/svelte/column-sizing/.gitignore
  • examples/svelte/column-sizing/index.html
  • examples/svelte/column-sizing/package.json
  • examples/svelte/column-sizing/src/App.svelte
  • examples/svelte/column-sizing/src/index.css
  • examples/svelte/column-sizing/src/main.ts
  • examples/svelte/column-sizing/svelte.config.js
  • examples/svelte/column-sizing/tsconfig.json
  • examples/svelte/column-sizing/vite.config.js
  • examples/svelte/column-visibility/package.json
  • examples/svelte/column-visibility/src/App.svelte
  • examples/svelte/composable-tables/.gitignore
  • examples/svelte/composable-tables/index.html
  • examples/svelte/composable-tables/package.json
  • examples/svelte/composable-tables/src/App.svelte
  • examples/svelte/composable-tables/src/components/CategoryCell.svelte
  • examples/svelte/composable-tables/src/components/ColumnFilter.svelte
  • examples/svelte/composable-tables/src/components/FooterColumnId.svelte
  • examples/svelte/composable-tables/src/components/FooterSum.svelte
  • examples/svelte/composable-tables/src/components/NumberCell.svelte
  • examples/svelte/composable-tables/src/components/PaginationControls.svelte
  • examples/svelte/composable-tables/src/components/PriceCell.svelte
  • examples/svelte/composable-tables/src/components/ProductsTable.svelte
  • examples/svelte/composable-tables/src/components/ProgressCell.svelte
  • examples/svelte/composable-tables/src/components/RowActionsCell.svelte
  • examples/svelte/composable-tables/src/components/RowCount.svelte
  • examples/svelte/composable-tables/src/components/SortIndicator.svelte
  • examples/svelte/composable-tables/src/components/StatusCell.svelte
  • examples/svelte/composable-tables/src/components/TableToolbar.svelte
  • examples/svelte/composable-tables/src/components/TextCell.svelte
  • examples/svelte/composable-tables/src/components/UsersTable.svelte
  • examples/svelte/composable-tables/src/hooks/table.ts
  • examples/svelte/composable-tables/src/index.css
  • examples/svelte/composable-tables/src/main.ts
  • examples/svelte/composable-tables/src/makeData.ts
  • examples/svelte/composable-tables/svelte.config.js
  • examples/svelte/composable-tables/tsconfig.json
  • examples/svelte/composable-tables/vite.config.js
  • examples/svelte/expanding/.gitignore
  • examples/svelte/expanding/index.html
  • examples/svelte/expanding/package.json
  • examples/svelte/expanding/src/App.svelte
  • examples/svelte/expanding/src/index.css
  • examples/svelte/expanding/src/main.ts
  • examples/svelte/expanding/src/makeData.ts
  • examples/svelte/expanding/svelte.config.js
  • examples/svelte/expanding/tsconfig.json
  • examples/svelte/expanding/vite.config.js
  • examples/svelte/filtering/package.json
  • examples/svelte/filtering/src/App.svelte
  • examples/svelte/filtering/src/ColumnFilter.svelte
  • examples/svelte/filtering/src/DebouncedInput.svelte
  • examples/svelte/filtering/src/main.ts
  • examples/svelte/filters-faceted/.gitignore
  • examples/svelte/filters-faceted/README.md
  • examples/svelte/filters-faceted/index.html
  • examples/svelte/filters-faceted/package.json
  • examples/svelte/filters-faceted/src/App.svelte
  • examples/svelte/filters-faceted/src/ColumnFilter.svelte
  • examples/svelte/filters-faceted/src/DebouncedInput.svelte
  • examples/svelte/filters-faceted/src/index.css
  • examples/svelte/filters-faceted/src/main.ts
  • examples/svelte/filters-faceted/src/makeData.ts
  • examples/svelte/filters-faceted/svelte.config.js
  • examples/svelte/filters-faceted/tsconfig.json
  • examples/svelte/filters-faceted/vite.config.js
  • examples/svelte/filters-fuzzy/.gitignore
  • examples/svelte/filters-fuzzy/README.md
  • examples/svelte/filters-fuzzy/index.html
  • examples/svelte/filters-fuzzy/package.json
  • examples/svelte/filters-fuzzy/src/App.svelte
  • examples/svelte/filters-fuzzy/src/DebouncedInput.svelte
  • examples/svelte/filters-fuzzy/src/index.css
  • examples/svelte/filters-fuzzy/src/main.ts
  • examples/svelte/filters-fuzzy/src/makeData.ts
  • examples/svelte/filters-fuzzy/svelte.config.js
  • examples/svelte/filters-fuzzy/tsconfig.json
  • examples/svelte/filters-fuzzy/vite.config.js
  • examples/svelte/grouping/.gitignore
  • examples/svelte/grouping/index.html
  • examples/svelte/grouping/package.json
  • examples/svelte/grouping/src/App.svelte
  • examples/svelte/grouping/src/index.css
  • examples/svelte/grouping/src/main.ts
  • examples/svelte/grouping/src/makeData.ts
  • examples/svelte/grouping/svelte.config.js
  • examples/svelte/grouping/tsconfig.json
  • examples/svelte/grouping/vite.config.js
  • examples/svelte/pagination/.gitignore
  • examples/svelte/pagination/index.html
  • examples/svelte/pagination/package.json
  • examples/svelte/pagination/src/App.svelte
  • examples/svelte/pagination/src/index.css
  • examples/svelte/pagination/src/main.ts
  • examples/svelte/pagination/src/makeData.ts
  • examples/svelte/pagination/svelte.config.js
  • examples/svelte/pagination/tsconfig.json
  • examples/svelte/pagination/vite.config.js
  • examples/svelte/row-pinning/.gitignore
  • examples/svelte/row-pinning/index.html
  • examples/svelte/row-pinning/package.json
  • examples/svelte/row-pinning/src/App.svelte
  • examples/svelte/row-pinning/src/index.css
  • examples/svelte/row-pinning/src/main.ts
  • examples/svelte/row-pinning/src/makeData.ts
  • examples/svelte/row-pinning/svelte.config.js

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch svelte-refactor

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@nx-cloud
Copy link
Copy Markdown

nx-cloud bot commented Apr 7, 2026

View your CI Pipeline Execution ↗ for commit ad4a12a

Command Status Duration Result
nx affected --targets=test:eslint,test:sherif,t... ✅ Succeeded 1m 13s View ↗
nx run-many --targets=build -p @tanstack/table-... ✅ Succeeded 20s View ↗

☁️ Nx Cloud last updated this comment at 2026-04-07 16:55:59 UTC

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Apr 7, 2026

More templates

@tanstack/angular-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/angular-table@6227

@tanstack/lit-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/lit-table@6227

@tanstack/match-sorter-utils

npm i https://pkg.pr.new/TanStack/table/@tanstack/match-sorter-utils@6227

@tanstack/preact-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/preact-table@6227

@tanstack/react-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/react-table@6227

@tanstack/react-table-devtools

npm i https://pkg.pr.new/TanStack/table/@tanstack/react-table-devtools@6227

@tanstack/solid-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/solid-table@6227

@tanstack/solid-table-devtools

npm i https://pkg.pr.new/TanStack/table/@tanstack/solid-table-devtools@6227

@tanstack/svelte-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/svelte-table@6227

@tanstack/table-core

npm i https://pkg.pr.new/TanStack/table/@tanstack/table-core@6227

@tanstack/table-devtools

npm i https://pkg.pr.new/TanStack/table/@tanstack/table-devtools@6227

@tanstack/vue-table

npm i https://pkg.pr.new/TanStack/table/@tanstack/vue-table@6227

commit: ad4a12a

Copy link
Copy Markdown

@nx-cloud nx-cloud bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Important

At least one additional CI pipeline execution has run since the conclusion below was written and it may no longer be applicable.

Nx Cloud is proposing a fix for your failed CI:

We updated @tanstack/match-sorter-utils in examples/solid/filters-fuzzy from ^8.19.4 to ^9.0.0-alpha.4, and zod in examples/svelte/with-tanstack-form from ^3.24.4 to ^4.3.6 to fix the failing table:test:sherif task. These mismatches were introduced by the svelte-table v9 refactor PR, which added new svelte examples without aligning dependency versions to the rest of the workspace. With these corrections, all workspace packages will use consistent versions, satisfying sherif's multiple-dependency-versions rule.

Tip

We verified this fix by re-running table:test:sherif.

diff --git a/examples/solid/filters-fuzzy/package.json b/examples/solid/filters-fuzzy/package.json
index dce9a3c3..d873d2a8 100644
--- a/examples/solid/filters-fuzzy/package.json
+++ b/examples/solid/filters-fuzzy/package.json
@@ -17,7 +17,7 @@
     "vite-plugin-solid": "^2.11.11"
   },
   "dependencies": {
-    "@tanstack/match-sorter-utils": "^8.19.4",
+    "@tanstack/match-sorter-utils": "^9.0.0-alpha.4",
     "@tanstack/solid-table": "^9.0.0-alpha.10",
     "solid-js": "^1.9.12"
   }
diff --git a/examples/svelte/with-tanstack-form/package.json b/examples/svelte/with-tanstack-form/package.json
index a9df0b66..95c51dd9 100644
--- a/examples/svelte/with-tanstack-form/package.json
+++ b/examples/svelte/with-tanstack-form/package.json
@@ -24,6 +24,6 @@
     "@tanstack/form-core": "^1.12.2",
     "@tanstack/svelte-form": "^1.12.2",
     "@tanstack/svelte-table": "^9.0.0-alpha.10",
-    "zod": "^3.24.4"
+    "zod": "^4.3.6"
   }
 }

Apply fix via Nx Cloud  Reject fix via Nx Cloud


Or Apply changes locally with:

npx nx-cloud apply-locally ITxJ-wGTF

Apply fix locally with your editor ↗   View interactive diff ↗



🎓 Learn more about Self-Healing CI on nx.dev

@KevinVandy KevinVandy merged commit 8d782b1 into alpha Apr 7, 2026
5 checks passed
@KevinVandy KevinVandy deleted the svelte-refactor branch April 7, 2026 16:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant