Skip to content

Commit 05625e7

Browse files
committed
Merge remote-tracking branch 'origin/main' into docs/angular-example-expanding-state
2 parents 46faa16 + 57703a4 commit 05625e7

File tree

35 files changed

+1521
-251
lines changed

35 files changed

+1521
-251
lines changed

docs/config.json

+8
Original file line numberDiff line numberDiff line change
@@ -610,10 +610,18 @@
610610
"to": "framework/react/examples/virtualized-columns",
611611
"label": "Virtualized Columns"
612612
},
613+
{
614+
"to": "framework/react/examples/virtualized-columns-experimental",
615+
"label": "Virtualized Columns (Experimental)"
616+
},
613617
{
614618
"to": "framework/react/examples/virtualized-rows",
615619
"label": "Virtualized Rows"
616620
},
621+
{
622+
"to": "framework/react/examples/virtualized-rows-experimental",
623+
"label": "Virtualized Rows (Experimental)"
624+
},
617625
{
618626
"to": "framework/react/examples/virtualized-infinite-scrolling",
619627
"label": "Virtualized Infinite Scrolling"

examples/lit/basic/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
"start": "vite"
1010
},
1111
"dependencies": {
12-
"@tanstack/lit-table": "^8.20.5",
12+
"@tanstack/lit-table": "^8.21.1",
1313
"@twind/core": "^1.1.3",
1414
"@twind/preset-autoprefix": "^1.0.7",
1515
"@twind/preset-tailwind": "^1.1.4",

examples/lit/column-sizing/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@faker-js/faker": "^8.4.1",
13-
"@tanstack/lit-table": "^8.20.5",
13+
"@tanstack/lit-table": "^8.21.1",
1414
"lit": "^3.1.4"
1515
},
1616
"devDependencies": {

examples/lit/filters/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@faker-js/faker": "^8.4.1",
13-
"@tanstack/lit-table": "^8.20.5",
13+
"@tanstack/lit-table": "^8.21.1",
1414
"lit": "^3.1.4"
1515
},
1616
"devDependencies": {

examples/lit/row-selection/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@faker-js/faker": "^8.4.1",
13-
"@tanstack/lit-table": "^8.20.5",
13+
"@tanstack/lit-table": "^8.21.1",
1414
"lit": "^3.1.4"
1515
},
1616
"devDependencies": {

examples/lit/sorting-dynamic-data/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@faker-js/faker": "^8.4.1",
13-
"@tanstack/lit-table": "^8.20.5",
13+
"@tanstack/lit-table": "^8.21.1",
1414
"lit": "^3.1.4"
1515
},
1616
"devDependencies": {

examples/lit/sorting/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@faker-js/faker": "^8.4.1",
13-
"@tanstack/lit-table": "^8.20.5",
13+
"@tanstack/lit-table": "^8.21.1",
1414
"lit": "^3.1.4"
1515
},
1616
"devDependencies": {

examples/lit/virtualized-rows/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@faker-js/faker": "^8.4.1",
13-
"@tanstack/lit-table": "^8.20.5",
13+
"@tanstack/lit-table": "^8.21.1",
1414
"@tanstack/lit-virtual": "^3.8.3",
1515
"lit": "^3.1.4"
1616
},
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
node_modules
2+
.DS_Store
3+
dist
4+
dist-ssr
5+
*.local
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 start` or `yarn start`
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Vite App</title>
7+
<script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script src="https://unpkg.com/react-scan/dist/auto.global.js"></script>
12+
<script type="module" src="/src/main.tsx"></script>
13+
</body>
14+
</html>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{
2+
"name": "tanstack-table-example-virtualized-columns-experimental",
3+
"version": "0.0.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "vite",
7+
"build": "vite build",
8+
"serve": "vite preview",
9+
"start": "vite"
10+
},
11+
"dependencies": {
12+
"@faker-js/faker": "^8.4.1",
13+
"@tanstack/react-table": "^8.20.6",
14+
"@tanstack/react-virtual": "^3.12.0",
15+
"react": "^18.3.1",
16+
"react-dom": "^18.3.1"
17+
},
18+
"devDependencies": {
19+
"@rollup/plugin-replace": "^5.0.7",
20+
"@types/react": "^18.3.3",
21+
"@types/react-dom": "^18.3.0",
22+
"@vitejs/plugin-react": "^4.3.1",
23+
"typescript": "5.4.5",
24+
"vite": "^5.3.2"
25+
}
26+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
:root {
2+
--virtual-padding-left: 0px;
3+
--virtual-padding-right: 0px;
4+
}
5+
6+
html {
7+
font-family: sans-serif;
8+
font-size: 14px;
9+
}
10+
11+
table {
12+
border-collapse: collapse;
13+
border-spacing: 0;
14+
font-family: arial, sans-serif;
15+
table-layout: fixed;
16+
}
17+
18+
thead {
19+
background: lightgray;
20+
}
21+
22+
tr {
23+
border-bottom: 1px solid lightgray;
24+
}
25+
26+
th {
27+
border-bottom: 1px solid lightgray;
28+
border-right: 1px solid lightgray;
29+
padding: 2px 4px;
30+
text-align: left;
31+
}
32+
33+
td {
34+
padding: 6px;
35+
}
36+
37+
.container {
38+
border: 1px solid lightgray;
39+
margin: 1rem auto;
40+
}
41+
42+
.app {
43+
margin: 1rem auto;
44+
text-align: center;
45+
}
46+
47+
.left-column-spacer {
48+
width: var(--virtual-padding-left);
49+
}
50+
51+
.right-column-spacer {
52+
width: var(--virtual-padding-right);
53+
}

0 commit comments

Comments
 (0)