Skip to content

Commit f804a13

Browse files
KevinVandyKevinVandy
authored
feat: add useLegacyTable hook for react-table (#6149)
1 parent cf4d3c6 commit f804a13

10 files changed

Lines changed: 934 additions & 0 deletions

File tree

‎examples/react/basic-use-legacy-table/index.html‎

Lines changed: 14 additions & 0 deletions
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>TanStack Table - useLegacyTable Example</title>
7+
<script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
8+
<script src="https://unpkg.com/react-scan/dist/auto.global.js"></script>
9+
</head>
10+
<body>
11+
<div id="root"></div>
12+
<script type="module" src="/src/main.tsx"></script>
13+
</body>
14+
</html>

‎examples/react/basic-use-legacy-table/package.json‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"name": "tanstack-table-example-basic-use-legacy-table",
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+
"lint": "eslint ./src",
11+
"test:types": "tsc"
12+
},
13+
"dependencies": {
14+
"@faker-js/faker": "^10.2.0",
15+
"@tanstack/react-table": "^9.0.0-alpha.10",
16+
"react": "^19.2.3",
17+
"react-dom": "^19.2.3"
18+
},
19+
"devDependencies": {
20+
"@rollup/plugin-replace": "^6.0.3",
21+
"@types/react": "^19.2.8",
22+
"@types/react-dom": "^19.2.3",
23+
"@vitejs/plugin-react": "^5.1.2",
24+
"typescript": "5.9.3",
25+
"vite": "^7.3.1"
26+
}
27+
}

‎examples/react/basic-use-legacy-table/src/index.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
html {
2+
font-family: sans-serif;
3+
font-size: 14px;
4+
}
5+
6+
table {
7+
border: 1px solid lightgray;
8+
}
9+
10+
tbody {
11+
border-bottom: 1px solid lightgray;
12+
}
13+
14+
th {
15+
border-bottom: 1px solid lightgray;
16+
border-right: 1px solid lightgray;
17+
padding: 2px 4px;
18+
}
19+
20+
tfoot {
21+
color: gray;
22+
}
23+
24+
tfoot th {
25+
font-weight: normal;
26+
}

0 commit comments

Comments
 (0)