Skip to content

Commit 3efa59c

Browse files
docs: add vue example for grouping (#5941)
* docs: Add vue grouping example * docs: add link to navigate grouping example * chore: update pnpm-lock.json * chore: remove unused CSS file * ci: apply automated fixes * fix: resolve TypeScript type error for expanded state * ci: apply automated fixes * fix: resolve TypeScript type error for expanded state * ref: remove the custom toggle row expansion function --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
1 parent db745af commit 3efa59c

File tree

13 files changed

+507
-5
lines changed

13 files changed

+507
-5
lines changed

docs/config.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -760,6 +760,10 @@
760760
{
761761
"to": "framework/vue/examples/virtualized-rows",
762762
"label": "Virtualized Rows"
763+
},
764+
{
765+
"to": "framework/vue/examples/grouping",
766+
"label": "Grouping"
763767
}
764768
]
765769
},

examples/vue/grouping/.gitignore

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

examples/vue/grouping/README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# Example
2+
3+
To run this example:
4+
5+
- `npm install` or `yarn`
6+
- `npm run dev` or `yarn dev`

examples/vue/grouping/env.d.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/// <reference types="vite/client" />

examples/vue/grouping/index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Vite App</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.ts"></script>
12+
</body>
13+
</html>

examples/vue/grouping/package.json

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"name": "tanstack-table-example-vue-grouping-rows",
3+
"private": true,
4+
"version": "0.0.0",
5+
"scripts": {
6+
"dev": "vite",
7+
"build": "vite build",
8+
"preview": "vite preview",
9+
"test:types": "vue-tsc"
10+
},
11+
"dependencies": {
12+
"@tanstack/vue-table": "^8.21.2",
13+
"vue": "^3.4.31"
14+
},
15+
"devDependencies": {
16+
"@types/node": "^20.14.9",
17+
"@vitejs/plugin-vue": "^5.0.5",
18+
"typescript": "5.4.5",
19+
"vite": "^5.3.2",
20+
"vue-tsc": "^2.0.22"
21+
}
22+
}
4.19 KB
Binary file not shown.

0 commit comments

Comments
 (0)