TanStack · HarshilPatel007 · Mar 1, 2025 · Mar 1, 2025 · Mar 2, 2025 · Mar 2, 2025
diff --git a/docs/config.json b/docs/config.json
@@ -760,6 +760,10 @@
             {
               "to": "framework/vue/examples/virtualized-rows",
               "label": "Virtualized Rows"
+            },
+            {
+              "to": "framework/vue/examples/grouping",
+              "label": "Grouping"
             }
           ]
         },

diff --git a/examples/vue/grouping/.gitignore b/examples/vue/grouping/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/vue/grouping/README.md b/examples/vue/grouping/README.md
@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `npm install` or `yarn`
+- `npm run dev` or `yarn dev`
diff --git a/examples/vue/grouping/env.d.ts b/examples/vue/grouping/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/examples/vue/grouping/index.html b/examples/vue/grouping/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/vue/grouping/package.json b/examples/vue/grouping/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "tanstack-table-example-vue-grouping-rows",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test:types": "vue-tsc"
+  },
+  "dependencies": {
+    "@tanstack/vue-table": "^8.21.2",
+    "vue": "^3.4.31"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.9",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "typescript": "5.4.5",
+    "vite": "^5.3.2",
+    "vue-tsc": "^2.0.22"
+  }
+}
diff --git a/examples/vue/grouping/public/favicon.ico b/examples/vue/grouping/public/favicon.ico