Skip to content

Fix TanStack virtual example link #6169

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Jaime02 wants to merge 1 commit into
base: main
Choose a base branch
from
+1 −1
Open

Fix TanStack virtual example link #6169

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion examples/react/virtualized-rows/src/main.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import {
import { makeData, Person } from './makeData'

//This is a dynamic row height example, which is more complicated, but allows for a more realistic table.
//See https://tanstack.com/virtual/v3/docs/examples/react/table for a simpler fixed row height example.
//See https://tanstack.com/virtual/v3/docs/framework/react/examples/table.
Copy link

@coderabbitai coderabbitai bot Feb 11, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

🧩 Analysis chain

🌐 Web query:

site:tanstack.com/virtual/v3/docs/framework/react/examples/table

💡 Result:

The URL you searched points to TanStack Virtual v3 → React Example: Table, which demonstrates virtualizing 50,000 rows in a <table> by combining @tanstack/react-table (row model + sorting) with @tanstack/react-virtual (useVirtualizer). It renders only the visible rows and positions each <tr> using a translateY(...) transform computed as virtualRow.start - index * virtualRow.size (table-specific offset handling). [1]

Sources: [1] (tanstack.com)

Citations:

🏁 Script executed:

#!/bin/bash
# Search for TanStack Virtual documentation URLs that may use old or new path structures
echo "=== Searching for tanstack.com/virtual references ==="
rg -n 'tanstack\.com/virtual' --type=tsx --type=ts --type=jsx --type=js --type=mdx --type=md

echo -e "\n=== Searching for /docs/examples/ pattern (old structure) ==="
rg -n '/docs/examples/' --type=tsx --type=ts --type=jsx --type=js --type=mdx --type=md

echo -e "\n=== Searching for /docs/framework/ pattern (new structure) ==="
rg -n '/docs/framework/' --type=tsx --type=ts --type=jsx --type=js --type=mdx --type=md

Repository: TanStack/table

Length of output: 339

🏁 Script executed:

#!/bin/bash
echo "=== Searching for all tanstack.com/virtual references ==="
rg -n 'tanstack\.com/virtual'

echo -e "\n=== Searching for /docs/examples/ pattern (old structure) ==="
rg -n '/docs/examples/'

echo -e "\n=== File count in examples/react/ ==="
find examples/react -type f -name "*.tsx" -o -name "*.ts" -o -name "*.jsx" -o -name "*.js" -o -name "*.md" | head -20

echo -e "\n=== Check main.tsx content ==="
cat examples/react/virtualized-rows/src/main.tsx | head -30

Repository: TanStack/table

Length of output: 3785

Update the outdated documentation URL in the experimental example as well.

The updated URL at line 23 of examples/react/virtualized-rows/src/main.tsx is correct, but examples/react/virtualized-rows-experimental/src/main.tsx at line 19 still references the old path structure (/docs/examples/react/table). Update it to use the new path: /docs/framework/react/examples/table.

🤖 Prompt for AI Agents 
In `@examples/react/virtualized-rows/src/main.tsx` at line 23, In the experimental
example's main.tsx update the outdated comment URL: find the string
"/docs/examples/react/table" in examples/react/virtualized-rows-experimental's
main.tsx and replace it with the new path "/docs/framework/react/examples/table"
so the comment matches the updated documentation structure.

function App() {
const columns = React.useMemo<ColumnDef<Person>[]>(
() => [
Expand Down