TanStack · niikeec · Jan 16, 2024 · Jan 16, 2024 · Jan 16, 2024 · Jan 17, 2024
diff --git a/docs/config.json b/docs/config.json
@@ -85,6 +85,51 @@
           "children": [
             { "label": "Solid Virtual", "to": "framework/solid/solid-virtual" }
           ]
+        },
+        {
+          "label": "Examples",
+          "children": [
+            {
+              "to": "framework/solid/examples/fixed",
+              "label": "Fixed"
+            },
+            {
+              "to": "framework/solid/examples/variable",
+              "label": "Variable"
+            },
+            {
+              "to": "framework/solid/examples/dynamic",
+              "label": "Dynamic"
+            },
+            {
+              "to": "framework/solid/examples/sticky",
+              "label": "Sticky"
+            },
+            {
+              "to": "framework/solid/examples/infinite-scroll",
+              "label": "Infinite Scroll"
+            },
+            {
+              "to": "framework/solid/examples/smooth-scroll",
+              "label": "Smooth Scroll"
+            },
+            {
+              "to": "framework/solid/examples/table",
+              "label": "Table"
+            },
+            {
+              "to": "framework/solid/examples/padding",
+              "label": "Padding"
+            },
+            {
+              "to": "framework/solid/examples/scroll-padding",
+              "label": "Scroll Padding"
+            },
+            {
+              "to": "framework/solid/examples/window",
+              "label": "Window"
+            }
+          ]
         }
       ]
     },

diff --git a/examples/react/dynamic/package.json b/examples/react/dynamic/package.json
@@ -7,7 +7,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@faker-js/faker": "^7.6.0",
+    "@faker-js/faker": "^8.3.1",
     "@tanstack/react-virtual": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/react/sticky/package.json b/examples/react/sticky/package.json
@@ -9,7 +9,7 @@
     "start": "vite"
   },
   "dependencies": {
-    "@faker-js/faker": "^7.6.0",
+    "@faker-js/faker": "^8.3.1",
     "@tanstack/react-virtual": "^3.1.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",

diff --git a/examples/react/table/package.json b/examples/react/table/package.json
@@ -9,7 +9,7 @@
     "start": "vite"
   },
   "dependencies": {
-    "@faker-js/faker": "^7.6.0",
+    "@faker-js/faker": "^8.3.1",
     "@tanstack/react-table": "^8.7.9",
     "@tanstack/react-virtual": "^3.1.0",
     "react": "^18.2.0",

diff --git a/examples/solid/dynamic/.gitignore b/examples/solid/dynamic/.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/solid/dynamic/README.md b/examples/solid/dynamic/README.md
@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `npm install` or `yarn`
+- `npm run start` or `yarn start`
diff --git a/examples/solid/dynamic/index.html b/examples/solid/dynamic/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Solid + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
diff --git a/examples/solid/dynamic/package.json b/examples/solid/dynamic/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "tanstack-solid-virtual-example-dynamic",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@faker-js/faker": "^8.3.1",
+    "@tanstack/solid-virtual": "3.0.1",
+    "solid-js": "^1.8.7"
+  },
+  "devDependencies": {
+    "typescript": "5.2.2",
+    "vite": "^5.1.3",
+    "vite-plugin-solid": "^2.10.1"
+  }
+}
diff --git a/examples/solid/dynamic/public/vite.svg b/examples/solid/dynamic/public/vite.svg