[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-getting-started":3,"mdc--7rhi0w-key":49,"related-repo-tanstack-getting-started":2140,"related-org-tanstack-getting-started":2225},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":20,"repoUrl":21,"updatedAt":22,"license":23,"forks":24,"topics":25,"repo":44,"sourceUrl":47,"mdContent":48},"getting-started","create Vue TanStack Table v9 instances","Create a Vue TanStack Table v9 table with useTable, explicit tableFeatures, stable columns\u002Ffeatures, reactive ref or computed data, and Vue FlexRender without destructuring reactive snapshots.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19],{"name":13,"slug":14,"type":15},"Vue","vue","tag",{"name":17,"slug":18,"type":15},"UI Components","ui-components",{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:58.390885",null,3539,[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,14],"datagrid","datagrids","datatable","filtering","grid","grouping","hooks","javascript","pagination","react","reactjs","solid","solidjs","sorting","svelte","sveltejs","table","typescript",{"repoUrl":21,"stars":20,"forks":24,"topics":45,"description":46},[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,14],"🤖 Headless UI for building powerful tables & datagrids for TS\u002FJS -  React-Table, Vue-Table, Solid-Table, Svelte-Table","https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable\u002Ftree\u002FHEAD\u002Fpackages\u002Fvue-table\u002Fskills\u002Fgetting-started","---\nname: getting-started\ndescription: >\n  Create a Vue TanStack Table v9 table with useTable, explicit tableFeatures, stable columns\u002Ffeatures, reactive ref or computed data, and Vue FlexRender without destructuring reactive snapshots.\nmetadata:\n  type: framework\n  library: '@tanstack\u002Fvue-table'\n  framework: vue\n  library_version: '9.0.0-beta.59'\nrequires:\n  - '@tanstack\u002Ftable-core#core'\n  - '@tanstack\u002Ftable-core#table-features'\nsources:\n  - 'TanStack\u002Ftable:docs\u002Fframework\u002Fvue\u002Fguide\u002Fmigrating.md'\n  - 'TanStack\u002Ftable:examples\u002Fvue\u002Fbasic-use-table'\n  - 'TanStack\u002Ftable:packages\u002Fvue-table\u002Fsrc\u002Findex.ts'\n---\n\nThis skill builds on `@tanstack\u002Ftable-core#core` and `@tanstack\u002Ftable-core#table-features`. Read them first for the headless model and explicit feature registration.\n\n## Setup\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { FlexRender, tableFeatures, useTable } from '@tanstack\u002Fvue-table'\n\ntype Person = { name: string; age: number }\nconst features = tableFeatures({})\nconst columns = [\n  { accessorKey: 'name', header: 'Name' },\n  { accessorKey: 'age', header: 'Age' },\n]\nconst data = ref\u003CPerson[]>([{ name: 'Ada', age: 36 }])\nconst table = useTable({ features, columns, data })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ctable>\n    \u003Cthead>\n      \u003Ctr v-for=\"group in table.getHeaderGroups()\" :key=\"group.id\">\n        \u003Cth v-for=\"header in group.headers\" :key=\"header.id\">\n          \u003CFlexRender v-if=\"!header.isPlaceholder\" :header=\"header\" \u002F>\n        \u003C\u002Fth>\n      \u003C\u002Ftr>\n    \u003C\u002Fthead>\n    \u003Ctbody>\n      \u003Ctr v-for=\"row in table.getRowModel().rows\" :key=\"row.id\">\n        \u003Ctd v-for=\"cell in row.getAllCells()\" :key=\"cell.id\">\n          \u003CFlexRender :cell=\"cell\" \u002F>\n        \u003C\u002Ftd>\n      \u003C\u002Ftr>\n    \u003C\u002Ftbody>\n  \u003C\u002Ftable>\n\u003C\u002Ftemplate>\n```\n\n## Core Patterns\n\n### Preserve Vue option shapes\n\n`useTable` accepts refs\u002Fcomputed values and unwraps them while watching dependencies. Keep `data`, controlled state, and other reactive options as refs or computed values; keep static columns\u002Ffeatures stable.\n\n### Add a client row model explicitly\n\n```ts\nimport {\n  createSortedRowModel,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  tableFeatures,\n} from '@tanstack\u002Fvue-table'\n\nconst features = tableFeatures({\n  rowSortingFeature,\n  sortedRowModel: createSortedRowModel(),\n  sortFns: { alphanumeric: sortFn_alphanumeric },\n})\n```\n\nThe slot follows its prerequisite feature in the same call. Import individual `sortFn_*` built-ins and register only the ones your columns reference; the full `sortFns` registry object still works but bundles every built-in.\n\n## Common Mistakes\n\n### HIGH Flattening a ref into a snapshot\n\nWrong:\n\n```ts\nconst table = useTable({ features, columns, data: data.value })\n```\n\nCorrect:\n\n```ts\nconst table = useTable({ features, columns, data })\n```\n\nPassing `.value` captures one array instead of letting the adapter watch the ref.\n\nSource: `packages\u002Fvue-table\u002Fsrc\u002FuseTable.ts`\n\n### HIGH Using the v8 entrypoint\n\nWrong:\n\n```ts\nconst table = useVueTable({ data, columns, getCoreRowModel: getCoreRowModel() })\n```\n\nCorrect:\n\n```ts\nconst table = useTable({ features, columns, data })\n```\n\nV9 uses `useTable`; core processing is automatic and optional row models live in `tableFeatures`.\n\nSource: `docs\u002Fframework\u002Fvue\u002Fguide\u002Fmigrating.md`\n\n### HIGH Assuming headless means prebuilt UI\n\nWrong:\n\n```vue\n\u003CTanStackTable :table=\"table\" \u002F>\n```\n\nCorrect:\n\n```vue\n\u003Ctd\n  v-for=\"cell in row.getAllCells()\"\n  :key=\"cell.id\"\n>\u003CFlexRender :cell=\"cell\" \u002F>\u003C\u002Ftd>\n```\n\nThe adapter renders definitions but owns no table component, CSS, or design-system integration.\n\nSource: `examples\u002Fvue\u002Fbasic-use-table\u002Fsrc\u002FApp.tsx`\n\n## API Discovery\n\nInspect `node_modules\u002F@tanstack\u002Fvue-table\u002Fdist\u002Findex.d.ts`, then `useTable.d.ts` and `FlexRender.d.ts`. Inspect core feature APIs in `node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Ffeatures\u002F\u003Cfeature>\u002F`.\n",{"data":50,"body":62},{"name":4,"description":6,"metadata":51,"requires":55,"sources":58},{"type":52,"library":53,"framework":14,"library_version":54},"framework","@tanstack\u002Fvue-table","9.0.0-beta.59",[56,57],"@tanstack\u002Ftable-core#core","@tanstack\u002Ftable-core#table-features",[59,60,61],"TanStack\u002Ftable:docs\u002Fframework\u002Fvue\u002Fguide\u002Fmigrating.md","TanStack\u002Ftable:examples\u002Fvue\u002Fbasic-use-table","TanStack\u002Ftable:packages\u002Fvue-table\u002Fsrc\u002Findex.ts",{"type":63,"children":64},"root",[65,88,95,1247,1253,1260,1279,1285,1495,1516,1522,1528,1533,1614,1619,1681,1694,1705,1711,1715,1792,1796,1857,1876,1886,1892,1896,1944,1948,2078,2083,2093,2099,2134],{"type":66,"tag":67,"props":68,"children":69},"element","p",{},[70,73,79,81,86],{"type":71,"value":72},"text","This skill builds on ",{"type":66,"tag":74,"props":75,"children":77},"code",{"className":76},[],[78],{"type":71,"value":56},{"type":71,"value":80}," and ",{"type":66,"tag":74,"props":82,"children":84},{"className":83},[],[85],{"type":71,"value":57},{"type":71,"value":87},". Read them first for the headless model and explicit feature registration.",{"type":66,"tag":89,"props":90,"children":92},"h2",{"id":91},"setup",[93],{"type":71,"value":94},"Setup",{"type":66,"tag":96,"props":97,"children":101},"pre",{"className":98,"code":99,"language":14,"meta":100,"style":100},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { FlexRender, tableFeatures, useTable } from '@tanstack\u002Fvue-table'\n\ntype Person = { name: string; age: number }\nconst features = tableFeatures({})\nconst columns = [\n  { accessorKey: 'name', header: 'Name' },\n  { accessorKey: 'age', header: 'Age' },\n]\nconst data = ref\u003CPerson[]>([{ name: 'Ada', age: 36 }])\nconst table = useTable({ features, columns, data })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ctable>\n    \u003Cthead>\n      \u003Ctr v-for=\"group in table.getHeaderGroups()\" :key=\"group.id\">\n        \u003Cth v-for=\"header in group.headers\" :key=\"header.id\">\n          \u003CFlexRender v-if=\"!header.isPlaceholder\" :header=\"header\" \u002F>\n        \u003C\u002Fth>\n      \u003C\u002Ftr>\n    \u003C\u002Fthead>\n    \u003Ctbody>\n      \u003Ctr v-for=\"row in table.getRowModel().rows\" :key=\"row.id\">\n        \u003Ctd v-for=\"cell in row.getAllCells()\" :key=\"cell.id\">\n          \u003CFlexRender :cell=\"cell\" \u002F>\n        \u003C\u002Ftd>\n      \u003C\u002Ftr>\n    \u003C\u002Ftbody>\n  \u003C\u002Ftable>\n\u003C\u002Ftemplate>\n","",[102],{"type":66,"tag":74,"props":103,"children":104},{"__ignoreMap":100},[105,159,204,260,270,333,371,393,456,514,523,621,681,698,706,723,740,758,820,880,943,960,977,994,1011,1069,1128,1166,1182,1198,1214,1231],{"type":66,"tag":106,"props":107,"children":110},"span",{"class":108,"line":109},"line",1,[111,117,123,129,134,139,144,150,154],{"type":66,"tag":106,"props":112,"children":114},{"style":113},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[115],{"type":71,"value":116},"\u003C",{"type":66,"tag":106,"props":118,"children":120},{"style":119},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[121],{"type":71,"value":122},"script",{"type":66,"tag":106,"props":124,"children":126},{"style":125},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[127],{"type":71,"value":128}," setup",{"type":66,"tag":106,"props":130,"children":131},{"style":125},[132],{"type":71,"value":133}," lang",{"type":66,"tag":106,"props":135,"children":136},{"style":113},[137],{"type":71,"value":138},"=",{"type":66,"tag":106,"props":140,"children":141},{"style":113},[142],{"type":71,"value":143},"\"",{"type":66,"tag":106,"props":145,"children":147},{"style":146},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[148],{"type":71,"value":149},"ts",{"type":66,"tag":106,"props":151,"children":152},{"style":113},[153],{"type":71,"value":143},{"type":66,"tag":106,"props":155,"children":156},{"style":113},[157],{"type":71,"value":158},">\n",{"type":66,"tag":106,"props":160,"children":162},{"class":108,"line":161},2,[163,169,174,180,185,190,195,199],{"type":66,"tag":106,"props":164,"children":166},{"style":165},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[167],{"type":71,"value":168},"import",{"type":66,"tag":106,"props":170,"children":171},{"style":113},[172],{"type":71,"value":173}," {",{"type":66,"tag":106,"props":175,"children":177},{"style":176},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[178],{"type":71,"value":179}," ref",{"type":66,"tag":106,"props":181,"children":182},{"style":113},[183],{"type":71,"value":184}," }",{"type":66,"tag":106,"props":186,"children":187},{"style":165},[188],{"type":71,"value":189}," from",{"type":66,"tag":106,"props":191,"children":192},{"style":113},[193],{"type":71,"value":194}," '",{"type":66,"tag":106,"props":196,"children":197},{"style":146},[198],{"type":71,"value":14},{"type":66,"tag":106,"props":200,"children":201},{"style":113},[202],{"type":71,"value":203},"'\n",{"type":66,"tag":106,"props":205,"children":207},{"class":108,"line":206},3,[208,212,216,221,226,231,235,240,244,248,252,256],{"type":66,"tag":106,"props":209,"children":210},{"style":165},[211],{"type":71,"value":168},{"type":66,"tag":106,"props":213,"children":214},{"style":113},[215],{"type":71,"value":173},{"type":66,"tag":106,"props":217,"children":218},{"style":176},[219],{"type":71,"value":220}," FlexRender",{"type":66,"tag":106,"props":222,"children":223},{"style":113},[224],{"type":71,"value":225},",",{"type":66,"tag":106,"props":227,"children":228},{"style":176},[229],{"type":71,"value":230}," tableFeatures",{"type":66,"tag":106,"props":232,"children":233},{"style":113},[234],{"type":71,"value":225},{"type":66,"tag":106,"props":236,"children":237},{"style":176},[238],{"type":71,"value":239}," useTable",{"type":66,"tag":106,"props":241,"children":242},{"style":113},[243],{"type":71,"value":184},{"type":66,"tag":106,"props":245,"children":246},{"style":165},[247],{"type":71,"value":189},{"type":66,"tag":106,"props":249,"children":250},{"style":113},[251],{"type":71,"value":194},{"type":66,"tag":106,"props":253,"children":254},{"style":146},[255],{"type":71,"value":53},{"type":66,"tag":106,"props":257,"children":258},{"style":113},[259],{"type":71,"value":203},{"type":66,"tag":106,"props":261,"children":263},{"class":108,"line":262},4,[264],{"type":66,"tag":106,"props":265,"children":267},{"emptyLinePlaceholder":266},true,[268],{"type":71,"value":269},"\n",{"type":66,"tag":106,"props":271,"children":273},{"class":108,"line":272},5,[274,279,285,290,294,299,304,309,314,319,323,328],{"type":66,"tag":106,"props":275,"children":276},{"style":125},[277],{"type":71,"value":278},"type",{"type":66,"tag":106,"props":280,"children":282},{"style":281},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[283],{"type":71,"value":284}," Person",{"type":66,"tag":106,"props":286,"children":287},{"style":113},[288],{"type":71,"value":289}," =",{"type":66,"tag":106,"props":291,"children":292},{"style":113},[293],{"type":71,"value":173},{"type":66,"tag":106,"props":295,"children":296},{"style":119},[297],{"type":71,"value":298}," name",{"type":66,"tag":106,"props":300,"children":301},{"style":113},[302],{"type":71,"value":303},":",{"type":66,"tag":106,"props":305,"children":306},{"style":281},[307],{"type":71,"value":308}," string",{"type":66,"tag":106,"props":310,"children":311},{"style":113},[312],{"type":71,"value":313},";",{"type":66,"tag":106,"props":315,"children":316},{"style":119},[317],{"type":71,"value":318}," age",{"type":66,"tag":106,"props":320,"children":321},{"style":113},[322],{"type":71,"value":303},{"type":66,"tag":106,"props":324,"children":325},{"style":281},[326],{"type":71,"value":327}," number",{"type":66,"tag":106,"props":329,"children":330},{"style":113},[331],{"type":71,"value":332}," }\n",{"type":66,"tag":106,"props":334,"children":336},{"class":108,"line":335},6,[337,342,347,351,356,361,366],{"type":66,"tag":106,"props":338,"children":339},{"style":125},[340],{"type":71,"value":341},"const",{"type":66,"tag":106,"props":343,"children":344},{"style":176},[345],{"type":71,"value":346}," features ",{"type":66,"tag":106,"props":348,"children":349},{"style":113},[350],{"type":71,"value":138},{"type":66,"tag":106,"props":352,"children":354},{"style":353},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[355],{"type":71,"value":230},{"type":66,"tag":106,"props":357,"children":358},{"style":176},[359],{"type":71,"value":360},"(",{"type":66,"tag":106,"props":362,"children":363},{"style":113},[364],{"type":71,"value":365},"{}",{"type":66,"tag":106,"props":367,"children":368},{"style":176},[369],{"type":71,"value":370},")\n",{"type":66,"tag":106,"props":372,"children":374},{"class":108,"line":373},7,[375,379,384,388],{"type":66,"tag":106,"props":376,"children":377},{"style":125},[378],{"type":71,"value":341},{"type":66,"tag":106,"props":380,"children":381},{"style":176},[382],{"type":71,"value":383}," columns ",{"type":66,"tag":106,"props":385,"children":386},{"style":113},[387],{"type":71,"value":138},{"type":66,"tag":106,"props":389,"children":390},{"style":176},[391],{"type":71,"value":392}," [\n",{"type":66,"tag":106,"props":394,"children":396},{"class":108,"line":395},8,[397,402,407,411,415,420,425,429,434,438,442,447,451],{"type":66,"tag":106,"props":398,"children":399},{"style":113},[400],{"type":71,"value":401},"  {",{"type":66,"tag":106,"props":403,"children":404},{"style":119},[405],{"type":71,"value":406}," accessorKey",{"type":66,"tag":106,"props":408,"children":409},{"style":113},[410],{"type":71,"value":303},{"type":66,"tag":106,"props":412,"children":413},{"style":113},[414],{"type":71,"value":194},{"type":66,"tag":106,"props":416,"children":417},{"style":146},[418],{"type":71,"value":419},"name",{"type":66,"tag":106,"props":421,"children":422},{"style":113},[423],{"type":71,"value":424},"'",{"type":66,"tag":106,"props":426,"children":427},{"style":113},[428],{"type":71,"value":225},{"type":66,"tag":106,"props":430,"children":431},{"style":119},[432],{"type":71,"value":433}," header",{"type":66,"tag":106,"props":435,"children":436},{"style":113},[437],{"type":71,"value":303},{"type":66,"tag":106,"props":439,"children":440},{"style":113},[441],{"type":71,"value":194},{"type":66,"tag":106,"props":443,"children":444},{"style":146},[445],{"type":71,"value":446},"Name",{"type":66,"tag":106,"props":448,"children":449},{"style":113},[450],{"type":71,"value":424},{"type":66,"tag":106,"props":452,"children":453},{"style":113},[454],{"type":71,"value":455}," },\n",{"type":66,"tag":106,"props":457,"children":459},{"class":108,"line":458},9,[460,464,468,472,476,481,485,489,493,497,501,506,510],{"type":66,"tag":106,"props":461,"children":462},{"style":113},[463],{"type":71,"value":401},{"type":66,"tag":106,"props":465,"children":466},{"style":119},[467],{"type":71,"value":406},{"type":66,"tag":106,"props":469,"children":470},{"style":113},[471],{"type":71,"value":303},{"type":66,"tag":106,"props":473,"children":474},{"style":113},[475],{"type":71,"value":194},{"type":66,"tag":106,"props":477,"children":478},{"style":146},[479],{"type":71,"value":480},"age",{"type":66,"tag":106,"props":482,"children":483},{"style":113},[484],{"type":71,"value":424},{"type":66,"tag":106,"props":486,"children":487},{"style":113},[488],{"type":71,"value":225},{"type":66,"tag":106,"props":490,"children":491},{"style":119},[492],{"type":71,"value":433},{"type":66,"tag":106,"props":494,"children":495},{"style":113},[496],{"type":71,"value":303},{"type":66,"tag":106,"props":498,"children":499},{"style":113},[500],{"type":71,"value":194},{"type":66,"tag":106,"props":502,"children":503},{"style":146},[504],{"type":71,"value":505},"Age",{"type":66,"tag":106,"props":507,"children":508},{"style":113},[509],{"type":71,"value":424},{"type":66,"tag":106,"props":511,"children":512},{"style":113},[513],{"type":71,"value":455},{"type":66,"tag":106,"props":515,"children":517},{"class":108,"line":516},10,[518],{"type":66,"tag":106,"props":519,"children":520},{"style":176},[521],{"type":71,"value":522},"]\n",{"type":66,"tag":106,"props":524,"children":526},{"class":108,"line":525},11,[527,531,536,540,544,548,553,558,563,568,573,577,581,585,590,594,598,602,606,612,616],{"type":66,"tag":106,"props":528,"children":529},{"style":125},[530],{"type":71,"value":341},{"type":66,"tag":106,"props":532,"children":533},{"style":176},[534],{"type":71,"value":535}," data ",{"type":66,"tag":106,"props":537,"children":538},{"style":113},[539],{"type":71,"value":138},{"type":66,"tag":106,"props":541,"children":542},{"style":353},[543],{"type":71,"value":179},{"type":66,"tag":106,"props":545,"children":546},{"style":113},[547],{"type":71,"value":116},{"type":66,"tag":106,"props":549,"children":550},{"style":281},[551],{"type":71,"value":552},"Person",{"type":66,"tag":106,"props":554,"children":555},{"style":176},[556],{"type":71,"value":557},"[]",{"type":66,"tag":106,"props":559,"children":560},{"style":113},[561],{"type":71,"value":562},">",{"type":66,"tag":106,"props":564,"children":565},{"style":176},[566],{"type":71,"value":567},"([",{"type":66,"tag":106,"props":569,"children":570},{"style":113},[571],{"type":71,"value":572},"{",{"type":66,"tag":106,"props":574,"children":575},{"style":119},[576],{"type":71,"value":298},{"type":66,"tag":106,"props":578,"children":579},{"style":113},[580],{"type":71,"value":303},{"type":66,"tag":106,"props":582,"children":583},{"style":113},[584],{"type":71,"value":194},{"type":66,"tag":106,"props":586,"children":587},{"style":146},[588],{"type":71,"value":589},"Ada",{"type":66,"tag":106,"props":591,"children":592},{"style":113},[593],{"type":71,"value":424},{"type":66,"tag":106,"props":595,"children":596},{"style":113},[597],{"type":71,"value":225},{"type":66,"tag":106,"props":599,"children":600},{"style":119},[601],{"type":71,"value":318},{"type":66,"tag":106,"props":603,"children":604},{"style":113},[605],{"type":71,"value":303},{"type":66,"tag":106,"props":607,"children":609},{"style":608},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[610],{"type":71,"value":611}," 36",{"type":66,"tag":106,"props":613,"children":614},{"style":113},[615],{"type":71,"value":184},{"type":66,"tag":106,"props":617,"children":618},{"style":176},[619],{"type":71,"value":620},"])\n",{"type":66,"tag":106,"props":622,"children":624},{"class":108,"line":623},12,[625,629,634,638,642,646,650,655,659,664,668,672,677],{"type":66,"tag":106,"props":626,"children":627},{"style":125},[628],{"type":71,"value":341},{"type":66,"tag":106,"props":630,"children":631},{"style":176},[632],{"type":71,"value":633}," table ",{"type":66,"tag":106,"props":635,"children":636},{"style":113},[637],{"type":71,"value":138},{"type":66,"tag":106,"props":639,"children":640},{"style":353},[641],{"type":71,"value":239},{"type":66,"tag":106,"props":643,"children":644},{"style":176},[645],{"type":71,"value":360},{"type":66,"tag":106,"props":647,"children":648},{"style":113},[649],{"type":71,"value":572},{"type":66,"tag":106,"props":651,"children":652},{"style":176},[653],{"type":71,"value":654}," features",{"type":66,"tag":106,"props":656,"children":657},{"style":113},[658],{"type":71,"value":225},{"type":66,"tag":106,"props":660,"children":661},{"style":176},[662],{"type":71,"value":663}," columns",{"type":66,"tag":106,"props":665,"children":666},{"style":113},[667],{"type":71,"value":225},{"type":66,"tag":106,"props":669,"children":670},{"style":176},[671],{"type":71,"value":535},{"type":66,"tag":106,"props":673,"children":674},{"style":113},[675],{"type":71,"value":676},"}",{"type":66,"tag":106,"props":678,"children":679},{"style":176},[680],{"type":71,"value":370},{"type":66,"tag":106,"props":682,"children":684},{"class":108,"line":683},13,[685,690,694],{"type":66,"tag":106,"props":686,"children":687},{"style":113},[688],{"type":71,"value":689},"\u003C\u002F",{"type":66,"tag":106,"props":691,"children":692},{"style":119},[693],{"type":71,"value":122},{"type":66,"tag":106,"props":695,"children":696},{"style":113},[697],{"type":71,"value":158},{"type":66,"tag":106,"props":699,"children":701},{"class":108,"line":700},14,[702],{"type":66,"tag":106,"props":703,"children":704},{"emptyLinePlaceholder":266},[705],{"type":71,"value":269},{"type":66,"tag":106,"props":707,"children":709},{"class":108,"line":708},15,[710,714,719],{"type":66,"tag":106,"props":711,"children":712},{"style":113},[713],{"type":71,"value":116},{"type":66,"tag":106,"props":715,"children":716},{"style":119},[717],{"type":71,"value":718},"template",{"type":66,"tag":106,"props":720,"children":721},{"style":113},[722],{"type":71,"value":158},{"type":66,"tag":106,"props":724,"children":726},{"class":108,"line":725},16,[727,732,736],{"type":66,"tag":106,"props":728,"children":729},{"style":113},[730],{"type":71,"value":731},"  \u003C",{"type":66,"tag":106,"props":733,"children":734},{"style":119},[735],{"type":71,"value":42},{"type":66,"tag":106,"props":737,"children":738},{"style":113},[739],{"type":71,"value":158},{"type":66,"tag":106,"props":741,"children":743},{"class":108,"line":742},17,[744,749,754],{"type":66,"tag":106,"props":745,"children":746},{"style":113},[747],{"type":71,"value":748},"    \u003C",{"type":66,"tag":106,"props":750,"children":751},{"style":119},[752],{"type":71,"value":753},"thead",{"type":66,"tag":106,"props":755,"children":756},{"style":113},[757],{"type":71,"value":158},{"type":66,"tag":106,"props":759,"children":761},{"class":108,"line":760},18,[762,767,772,777,781,785,790,794,799,803,807,812,816],{"type":66,"tag":106,"props":763,"children":764},{"style":113},[765],{"type":71,"value":766},"      \u003C",{"type":66,"tag":106,"props":768,"children":769},{"style":119},[770],{"type":71,"value":771},"tr",{"type":66,"tag":106,"props":773,"children":774},{"style":125},[775],{"type":71,"value":776}," v-for",{"type":66,"tag":106,"props":778,"children":779},{"style":113},[780],{"type":71,"value":138},{"type":66,"tag":106,"props":782,"children":783},{"style":113},[784],{"type":71,"value":143},{"type":66,"tag":106,"props":786,"children":787},{"style":146},[788],{"type":71,"value":789},"group in table.getHeaderGroups()",{"type":66,"tag":106,"props":791,"children":792},{"style":113},[793],{"type":71,"value":143},{"type":66,"tag":106,"props":795,"children":796},{"style":125},[797],{"type":71,"value":798}," :key",{"type":66,"tag":106,"props":800,"children":801},{"style":113},[802],{"type":71,"value":138},{"type":66,"tag":106,"props":804,"children":805},{"style":113},[806],{"type":71,"value":143},{"type":66,"tag":106,"props":808,"children":809},{"style":146},[810],{"type":71,"value":811},"group.id",{"type":66,"tag":106,"props":813,"children":814},{"style":113},[815],{"type":71,"value":143},{"type":66,"tag":106,"props":817,"children":818},{"style":113},[819],{"type":71,"value":158},{"type":66,"tag":106,"props":821,"children":823},{"class":108,"line":822},19,[824,829,834,838,842,846,851,855,859,863,867,872,876],{"type":66,"tag":106,"props":825,"children":826},{"style":113},[827],{"type":71,"value":828},"        \u003C",{"type":66,"tag":106,"props":830,"children":831},{"style":119},[832],{"type":71,"value":833},"th",{"type":66,"tag":106,"props":835,"children":836},{"style":125},[837],{"type":71,"value":776},{"type":66,"tag":106,"props":839,"children":840},{"style":113},[841],{"type":71,"value":138},{"type":66,"tag":106,"props":843,"children":844},{"style":113},[845],{"type":71,"value":143},{"type":66,"tag":106,"props":847,"children":848},{"style":146},[849],{"type":71,"value":850},"header in group.headers",{"type":66,"tag":106,"props":852,"children":853},{"style":113},[854],{"type":71,"value":143},{"type":66,"tag":106,"props":856,"children":857},{"style":125},[858],{"type":71,"value":798},{"type":66,"tag":106,"props":860,"children":861},{"style":113},[862],{"type":71,"value":138},{"type":66,"tag":106,"props":864,"children":865},{"style":113},[866],{"type":71,"value":143},{"type":66,"tag":106,"props":868,"children":869},{"style":146},[870],{"type":71,"value":871},"header.id",{"type":66,"tag":106,"props":873,"children":874},{"style":113},[875],{"type":71,"value":143},{"type":66,"tag":106,"props":877,"children":878},{"style":113},[879],{"type":71,"value":158},{"type":66,"tag":106,"props":881,"children":883},{"class":108,"line":882},20,[884,889,894,899,903,907,912,916,921,925,929,934,938],{"type":66,"tag":106,"props":885,"children":886},{"style":113},[887],{"type":71,"value":888},"          \u003C",{"type":66,"tag":106,"props":890,"children":891},{"style":119},[892],{"type":71,"value":893},"FlexRender",{"type":66,"tag":106,"props":895,"children":896},{"style":125},[897],{"type":71,"value":898}," v-if",{"type":66,"tag":106,"props":900,"children":901},{"style":113},[902],{"type":71,"value":138},{"type":66,"tag":106,"props":904,"children":905},{"style":113},[906],{"type":71,"value":143},{"type":66,"tag":106,"props":908,"children":909},{"style":146},[910],{"type":71,"value":911},"!header.isPlaceholder",{"type":66,"tag":106,"props":913,"children":914},{"style":113},[915],{"type":71,"value":143},{"type":66,"tag":106,"props":917,"children":918},{"style":125},[919],{"type":71,"value":920}," :header",{"type":66,"tag":106,"props":922,"children":923},{"style":113},[924],{"type":71,"value":138},{"type":66,"tag":106,"props":926,"children":927},{"style":113},[928],{"type":71,"value":143},{"type":66,"tag":106,"props":930,"children":931},{"style":146},[932],{"type":71,"value":933},"header",{"type":66,"tag":106,"props":935,"children":936},{"style":113},[937],{"type":71,"value":143},{"type":66,"tag":106,"props":939,"children":940},{"style":113},[941],{"type":71,"value":942}," \u002F>\n",{"type":66,"tag":106,"props":944,"children":946},{"class":108,"line":945},21,[947,952,956],{"type":66,"tag":106,"props":948,"children":949},{"style":113},[950],{"type":71,"value":951},"        \u003C\u002F",{"type":66,"tag":106,"props":953,"children":954},{"style":119},[955],{"type":71,"value":833},{"type":66,"tag":106,"props":957,"children":958},{"style":113},[959],{"type":71,"value":158},{"type":66,"tag":106,"props":961,"children":963},{"class":108,"line":962},22,[964,969,973],{"type":66,"tag":106,"props":965,"children":966},{"style":113},[967],{"type":71,"value":968},"      \u003C\u002F",{"type":66,"tag":106,"props":970,"children":971},{"style":119},[972],{"type":71,"value":771},{"type":66,"tag":106,"props":974,"children":975},{"style":113},[976],{"type":71,"value":158},{"type":66,"tag":106,"props":978,"children":980},{"class":108,"line":979},23,[981,986,990],{"type":66,"tag":106,"props":982,"children":983},{"style":113},[984],{"type":71,"value":985},"    \u003C\u002F",{"type":66,"tag":106,"props":987,"children":988},{"style":119},[989],{"type":71,"value":753},{"type":66,"tag":106,"props":991,"children":992},{"style":113},[993],{"type":71,"value":158},{"type":66,"tag":106,"props":995,"children":997},{"class":108,"line":996},24,[998,1002,1007],{"type":66,"tag":106,"props":999,"children":1000},{"style":113},[1001],{"type":71,"value":748},{"type":66,"tag":106,"props":1003,"children":1004},{"style":119},[1005],{"type":71,"value":1006},"tbody",{"type":66,"tag":106,"props":1008,"children":1009},{"style":113},[1010],{"type":71,"value":158},{"type":66,"tag":106,"props":1012,"children":1014},{"class":108,"line":1013},25,[1015,1019,1023,1027,1031,1035,1040,1044,1048,1052,1056,1061,1065],{"type":66,"tag":106,"props":1016,"children":1017},{"style":113},[1018],{"type":71,"value":766},{"type":66,"tag":106,"props":1020,"children":1021},{"style":119},[1022],{"type":71,"value":771},{"type":66,"tag":106,"props":1024,"children":1025},{"style":125},[1026],{"type":71,"value":776},{"type":66,"tag":106,"props":1028,"children":1029},{"style":113},[1030],{"type":71,"value":138},{"type":66,"tag":106,"props":1032,"children":1033},{"style":113},[1034],{"type":71,"value":143},{"type":66,"tag":106,"props":1036,"children":1037},{"style":146},[1038],{"type":71,"value":1039},"row in table.getRowModel().rows",{"type":66,"tag":106,"props":1041,"children":1042},{"style":113},[1043],{"type":71,"value":143},{"type":66,"tag":106,"props":1045,"children":1046},{"style":125},[1047],{"type":71,"value":798},{"type":66,"tag":106,"props":1049,"children":1050},{"style":113},[1051],{"type":71,"value":138},{"type":66,"tag":106,"props":1053,"children":1054},{"style":113},[1055],{"type":71,"value":143},{"type":66,"tag":106,"props":1057,"children":1058},{"style":146},[1059],{"type":71,"value":1060},"row.id",{"type":66,"tag":106,"props":1062,"children":1063},{"style":113},[1064],{"type":71,"value":143},{"type":66,"tag":106,"props":1066,"children":1067},{"style":113},[1068],{"type":71,"value":158},{"type":66,"tag":106,"props":1070,"children":1072},{"class":108,"line":1071},26,[1073,1077,1082,1086,1090,1094,1099,1103,1107,1111,1115,1120,1124],{"type":66,"tag":106,"props":1074,"children":1075},{"style":113},[1076],{"type":71,"value":828},{"type":66,"tag":106,"props":1078,"children":1079},{"style":119},[1080],{"type":71,"value":1081},"td",{"type":66,"tag":106,"props":1083,"children":1084},{"style":125},[1085],{"type":71,"value":776},{"type":66,"tag":106,"props":1087,"children":1088},{"style":113},[1089],{"type":71,"value":138},{"type":66,"tag":106,"props":1091,"children":1092},{"style":113},[1093],{"type":71,"value":143},{"type":66,"tag":106,"props":1095,"children":1096},{"style":146},[1097],{"type":71,"value":1098},"cell in row.getAllCells()",{"type":66,"tag":106,"props":1100,"children":1101},{"style":113},[1102],{"type":71,"value":143},{"type":66,"tag":106,"props":1104,"children":1105},{"style":125},[1106],{"type":71,"value":798},{"type":66,"tag":106,"props":1108,"children":1109},{"style":113},[1110],{"type":71,"value":138},{"type":66,"tag":106,"props":1112,"children":1113},{"style":113},[1114],{"type":71,"value":143},{"type":66,"tag":106,"props":1116,"children":1117},{"style":146},[1118],{"type":71,"value":1119},"cell.id",{"type":66,"tag":106,"props":1121,"children":1122},{"style":113},[1123],{"type":71,"value":143},{"type":66,"tag":106,"props":1125,"children":1126},{"style":113},[1127],{"type":71,"value":158},{"type":66,"tag":106,"props":1129,"children":1131},{"class":108,"line":1130},27,[1132,1136,1140,1145,1149,1153,1158,1162],{"type":66,"tag":106,"props":1133,"children":1134},{"style":113},[1135],{"type":71,"value":888},{"type":66,"tag":106,"props":1137,"children":1138},{"style":119},[1139],{"type":71,"value":893},{"type":66,"tag":106,"props":1141,"children":1142},{"style":125},[1143],{"type":71,"value":1144}," :cell",{"type":66,"tag":106,"props":1146,"children":1147},{"style":113},[1148],{"type":71,"value":138},{"type":66,"tag":106,"props":1150,"children":1151},{"style":113},[1152],{"type":71,"value":143},{"type":66,"tag":106,"props":1154,"children":1155},{"style":146},[1156],{"type":71,"value":1157},"cell",{"type":66,"tag":106,"props":1159,"children":1160},{"style":113},[1161],{"type":71,"value":143},{"type":66,"tag":106,"props":1163,"children":1164},{"style":113},[1165],{"type":71,"value":942},{"type":66,"tag":106,"props":1167,"children":1169},{"class":108,"line":1168},28,[1170,1174,1178],{"type":66,"tag":106,"props":1171,"children":1172},{"style":113},[1173],{"type":71,"value":951},{"type":66,"tag":106,"props":1175,"children":1176},{"style":119},[1177],{"type":71,"value":1081},{"type":66,"tag":106,"props":1179,"children":1180},{"style":113},[1181],{"type":71,"value":158},{"type":66,"tag":106,"props":1183,"children":1185},{"class":108,"line":1184},29,[1186,1190,1194],{"type":66,"tag":106,"props":1187,"children":1188},{"style":113},[1189],{"type":71,"value":968},{"type":66,"tag":106,"props":1191,"children":1192},{"style":119},[1193],{"type":71,"value":771},{"type":66,"tag":106,"props":1195,"children":1196},{"style":113},[1197],{"type":71,"value":158},{"type":66,"tag":106,"props":1199,"children":1201},{"class":108,"line":1200},30,[1202,1206,1210],{"type":66,"tag":106,"props":1203,"children":1204},{"style":113},[1205],{"type":71,"value":985},{"type":66,"tag":106,"props":1207,"children":1208},{"style":119},[1209],{"type":71,"value":1006},{"type":66,"tag":106,"props":1211,"children":1212},{"style":113},[1213],{"type":71,"value":158},{"type":66,"tag":106,"props":1215,"children":1217},{"class":108,"line":1216},31,[1218,1223,1227],{"type":66,"tag":106,"props":1219,"children":1220},{"style":113},[1221],{"type":71,"value":1222},"  \u003C\u002F",{"type":66,"tag":106,"props":1224,"children":1225},{"style":119},[1226],{"type":71,"value":42},{"type":66,"tag":106,"props":1228,"children":1229},{"style":113},[1230],{"type":71,"value":158},{"type":66,"tag":106,"props":1232,"children":1234},{"class":108,"line":1233},32,[1235,1239,1243],{"type":66,"tag":106,"props":1236,"children":1237},{"style":113},[1238],{"type":71,"value":689},{"type":66,"tag":106,"props":1240,"children":1241},{"style":119},[1242],{"type":71,"value":718},{"type":66,"tag":106,"props":1244,"children":1245},{"style":113},[1246],{"type":71,"value":158},{"type":66,"tag":89,"props":1248,"children":1250},{"id":1249},"core-patterns",[1251],{"type":71,"value":1252},"Core Patterns",{"type":66,"tag":1254,"props":1255,"children":1257},"h3",{"id":1256},"preserve-vue-option-shapes",[1258],{"type":71,"value":1259},"Preserve Vue option shapes",{"type":66,"tag":67,"props":1261,"children":1262},{},[1263,1269,1271,1277],{"type":66,"tag":74,"props":1264,"children":1266},{"className":1265},[],[1267],{"type":71,"value":1268},"useTable",{"type":71,"value":1270}," accepts refs\u002Fcomputed values and unwraps them while watching dependencies. Keep ",{"type":66,"tag":74,"props":1272,"children":1274},{"className":1273},[],[1275],{"type":71,"value":1276},"data",{"type":71,"value":1278},", controlled state, and other reactive options as refs or computed values; keep static columns\u002Ffeatures stable.",{"type":66,"tag":1254,"props":1280,"children":1282},{"id":1281},"add-a-client-row-model-explicitly",[1283],{"type":71,"value":1284},"Add a client row model explicitly",{"type":66,"tag":96,"props":1286,"children":1289},{"className":1287,"code":1288,"language":149,"meta":100,"style":100},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import {\n  createSortedRowModel,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  tableFeatures,\n} from '@tanstack\u002Fvue-table'\n\nconst features = tableFeatures({\n  rowSortingFeature,\n  sortedRowModel: createSortedRowModel(),\n  sortFns: { alphanumeric: sortFn_alphanumeric },\n})\n",[1290],{"type":66,"tag":74,"props":1291,"children":1292},{"__ignoreMap":100},[1293,1305,1318,1330,1342,1354,1377,1384,1412,1423,1449,1484],{"type":66,"tag":106,"props":1294,"children":1295},{"class":108,"line":109},[1296,1300],{"type":66,"tag":106,"props":1297,"children":1298},{"style":165},[1299],{"type":71,"value":168},{"type":66,"tag":106,"props":1301,"children":1302},{"style":113},[1303],{"type":71,"value":1304}," {\n",{"type":66,"tag":106,"props":1306,"children":1307},{"class":108,"line":161},[1308,1313],{"type":66,"tag":106,"props":1309,"children":1310},{"style":176},[1311],{"type":71,"value":1312},"  createSortedRowModel",{"type":66,"tag":106,"props":1314,"children":1315},{"style":113},[1316],{"type":71,"value":1317},",\n",{"type":66,"tag":106,"props":1319,"children":1320},{"class":108,"line":206},[1321,1326],{"type":66,"tag":106,"props":1322,"children":1323},{"style":176},[1324],{"type":71,"value":1325},"  rowSortingFeature",{"type":66,"tag":106,"props":1327,"children":1328},{"style":113},[1329],{"type":71,"value":1317},{"type":66,"tag":106,"props":1331,"children":1332},{"class":108,"line":262},[1333,1338],{"type":66,"tag":106,"props":1334,"children":1335},{"style":176},[1336],{"type":71,"value":1337},"  sortFn_alphanumeric",{"type":66,"tag":106,"props":1339,"children":1340},{"style":113},[1341],{"type":71,"value":1317},{"type":66,"tag":106,"props":1343,"children":1344},{"class":108,"line":272},[1345,1350],{"type":66,"tag":106,"props":1346,"children":1347},{"style":176},[1348],{"type":71,"value":1349},"  tableFeatures",{"type":66,"tag":106,"props":1351,"children":1352},{"style":113},[1353],{"type":71,"value":1317},{"type":66,"tag":106,"props":1355,"children":1356},{"class":108,"line":335},[1357,1361,1365,1369,1373],{"type":66,"tag":106,"props":1358,"children":1359},{"style":113},[1360],{"type":71,"value":676},{"type":66,"tag":106,"props":1362,"children":1363},{"style":165},[1364],{"type":71,"value":189},{"type":66,"tag":106,"props":1366,"children":1367},{"style":113},[1368],{"type":71,"value":194},{"type":66,"tag":106,"props":1370,"children":1371},{"style":146},[1372],{"type":71,"value":53},{"type":66,"tag":106,"props":1374,"children":1375},{"style":113},[1376],{"type":71,"value":203},{"type":66,"tag":106,"props":1378,"children":1379},{"class":108,"line":373},[1380],{"type":66,"tag":106,"props":1381,"children":1382},{"emptyLinePlaceholder":266},[1383],{"type":71,"value":269},{"type":66,"tag":106,"props":1385,"children":1386},{"class":108,"line":395},[1387,1391,1395,1399,1403,1407],{"type":66,"tag":106,"props":1388,"children":1389},{"style":125},[1390],{"type":71,"value":341},{"type":66,"tag":106,"props":1392,"children":1393},{"style":176},[1394],{"type":71,"value":346},{"type":66,"tag":106,"props":1396,"children":1397},{"style":113},[1398],{"type":71,"value":138},{"type":66,"tag":106,"props":1400,"children":1401},{"style":353},[1402],{"type":71,"value":230},{"type":66,"tag":106,"props":1404,"children":1405},{"style":176},[1406],{"type":71,"value":360},{"type":66,"tag":106,"props":1408,"children":1409},{"style":113},[1410],{"type":71,"value":1411},"{\n",{"type":66,"tag":106,"props":1413,"children":1414},{"class":108,"line":458},[1415,1419],{"type":66,"tag":106,"props":1416,"children":1417},{"style":176},[1418],{"type":71,"value":1325},{"type":66,"tag":106,"props":1420,"children":1421},{"style":113},[1422],{"type":71,"value":1317},{"type":66,"tag":106,"props":1424,"children":1425},{"class":108,"line":516},[1426,1431,1435,1440,1445],{"type":66,"tag":106,"props":1427,"children":1428},{"style":119},[1429],{"type":71,"value":1430},"  sortedRowModel",{"type":66,"tag":106,"props":1432,"children":1433},{"style":113},[1434],{"type":71,"value":303},{"type":66,"tag":106,"props":1436,"children":1437},{"style":353},[1438],{"type":71,"value":1439}," createSortedRowModel",{"type":66,"tag":106,"props":1441,"children":1442},{"style":176},[1443],{"type":71,"value":1444},"()",{"type":66,"tag":106,"props":1446,"children":1447},{"style":113},[1448],{"type":71,"value":1317},{"type":66,"tag":106,"props":1450,"children":1451},{"class":108,"line":525},[1452,1457,1461,1465,1470,1474,1479],{"type":66,"tag":106,"props":1453,"children":1454},{"style":119},[1455],{"type":71,"value":1456},"  sortFns",{"type":66,"tag":106,"props":1458,"children":1459},{"style":113},[1460],{"type":71,"value":303},{"type":66,"tag":106,"props":1462,"children":1463},{"style":113},[1464],{"type":71,"value":173},{"type":66,"tag":106,"props":1466,"children":1467},{"style":119},[1468],{"type":71,"value":1469}," alphanumeric",{"type":66,"tag":106,"props":1471,"children":1472},{"style":113},[1473],{"type":71,"value":303},{"type":66,"tag":106,"props":1475,"children":1476},{"style":176},[1477],{"type":71,"value":1478}," sortFn_alphanumeric ",{"type":66,"tag":106,"props":1480,"children":1481},{"style":113},[1482],{"type":71,"value":1483},"},\n",{"type":66,"tag":106,"props":1485,"children":1486},{"class":108,"line":623},[1487,1491],{"type":66,"tag":106,"props":1488,"children":1489},{"style":113},[1490],{"type":71,"value":676},{"type":66,"tag":106,"props":1492,"children":1493},{"style":176},[1494],{"type":71,"value":370},{"type":66,"tag":67,"props":1496,"children":1497},{},[1498,1500,1506,1508,1514],{"type":71,"value":1499},"The slot follows its prerequisite feature in the same call. Import individual ",{"type":66,"tag":74,"props":1501,"children":1503},{"className":1502},[],[1504],{"type":71,"value":1505},"sortFn_*",{"type":71,"value":1507}," built-ins and register only the ones your columns reference; the full ",{"type":66,"tag":74,"props":1509,"children":1511},{"className":1510},[],[1512],{"type":71,"value":1513},"sortFns",{"type":71,"value":1515}," registry object still works but bundles every built-in.",{"type":66,"tag":89,"props":1517,"children":1519},{"id":1518},"common-mistakes",[1520],{"type":71,"value":1521},"Common Mistakes",{"type":66,"tag":1254,"props":1523,"children":1525},{"id":1524},"high-flattening-a-ref-into-a-snapshot",[1526],{"type":71,"value":1527},"HIGH Flattening a ref into a snapshot",{"type":66,"tag":67,"props":1529,"children":1530},{},[1531],{"type":71,"value":1532},"Wrong:",{"type":66,"tag":96,"props":1534,"children":1536},{"className":1287,"code":1535,"language":149,"meta":100,"style":100},"const table = useTable({ features, columns, data: data.value })\n",[1537],{"type":66,"tag":74,"props":1538,"children":1539},{"__ignoreMap":100},[1540],{"type":66,"tag":106,"props":1541,"children":1542},{"class":108,"line":109},[1543,1547,1551,1555,1559,1563,1567,1571,1575,1579,1583,1588,1592,1596,1601,1606,1610],{"type":66,"tag":106,"props":1544,"children":1545},{"style":125},[1546],{"type":71,"value":341},{"type":66,"tag":106,"props":1548,"children":1549},{"style":176},[1550],{"type":71,"value":633},{"type":66,"tag":106,"props":1552,"children":1553},{"style":113},[1554],{"type":71,"value":138},{"type":66,"tag":106,"props":1556,"children":1557},{"style":353},[1558],{"type":71,"value":239},{"type":66,"tag":106,"props":1560,"children":1561},{"style":176},[1562],{"type":71,"value":360},{"type":66,"tag":106,"props":1564,"children":1565},{"style":113},[1566],{"type":71,"value":572},{"type":66,"tag":106,"props":1568,"children":1569},{"style":176},[1570],{"type":71,"value":654},{"type":66,"tag":106,"props":1572,"children":1573},{"style":113},[1574],{"type":71,"value":225},{"type":66,"tag":106,"props":1576,"children":1577},{"style":176},[1578],{"type":71,"value":663},{"type":66,"tag":106,"props":1580,"children":1581},{"style":113},[1582],{"type":71,"value":225},{"type":66,"tag":106,"props":1584,"children":1585},{"style":119},[1586],{"type":71,"value":1587}," data",{"type":66,"tag":106,"props":1589,"children":1590},{"style":113},[1591],{"type":71,"value":303},{"type":66,"tag":106,"props":1593,"children":1594},{"style":176},[1595],{"type":71,"value":1587},{"type":66,"tag":106,"props":1597,"children":1598},{"style":113},[1599],{"type":71,"value":1600},".",{"type":66,"tag":106,"props":1602,"children":1603},{"style":176},[1604],{"type":71,"value":1605},"value ",{"type":66,"tag":106,"props":1607,"children":1608},{"style":113},[1609],{"type":71,"value":676},{"type":66,"tag":106,"props":1611,"children":1612},{"style":176},[1613],{"type":71,"value":370},{"type":66,"tag":67,"props":1615,"children":1616},{},[1617],{"type":71,"value":1618},"Correct:",{"type":66,"tag":96,"props":1620,"children":1622},{"className":1287,"code":1621,"language":149,"meta":100,"style":100},"const table = useTable({ features, columns, data })\n",[1623],{"type":66,"tag":74,"props":1624,"children":1625},{"__ignoreMap":100},[1626],{"type":66,"tag":106,"props":1627,"children":1628},{"class":108,"line":109},[1629,1633,1637,1641,1645,1649,1653,1657,1661,1665,1669,1673,1677],{"type":66,"tag":106,"props":1630,"children":1631},{"style":125},[1632],{"type":71,"value":341},{"type":66,"tag":106,"props":1634,"children":1635},{"style":176},[1636],{"type":71,"value":633},{"type":66,"tag":106,"props":1638,"children":1639},{"style":113},[1640],{"type":71,"value":138},{"type":66,"tag":106,"props":1642,"children":1643},{"style":353},[1644],{"type":71,"value":239},{"type":66,"tag":106,"props":1646,"children":1647},{"style":176},[1648],{"type":71,"value":360},{"type":66,"tag":106,"props":1650,"children":1651},{"style":113},[1652],{"type":71,"value":572},{"type":66,"tag":106,"props":1654,"children":1655},{"style":176},[1656],{"type":71,"value":654},{"type":66,"tag":106,"props":1658,"children":1659},{"style":113},[1660],{"type":71,"value":225},{"type":66,"tag":106,"props":1662,"children":1663},{"style":176},[1664],{"type":71,"value":663},{"type":66,"tag":106,"props":1666,"children":1667},{"style":113},[1668],{"type":71,"value":225},{"type":66,"tag":106,"props":1670,"children":1671},{"style":176},[1672],{"type":71,"value":535},{"type":66,"tag":106,"props":1674,"children":1675},{"style":113},[1676],{"type":71,"value":676},{"type":66,"tag":106,"props":1678,"children":1679},{"style":176},[1680],{"type":71,"value":370},{"type":66,"tag":67,"props":1682,"children":1683},{},[1684,1686,1692],{"type":71,"value":1685},"Passing ",{"type":66,"tag":74,"props":1687,"children":1689},{"className":1688},[],[1690],{"type":71,"value":1691},".value",{"type":71,"value":1693}," captures one array instead of letting the adapter watch the ref.",{"type":66,"tag":67,"props":1695,"children":1696},{},[1697,1699],{"type":71,"value":1698},"Source: ",{"type":66,"tag":74,"props":1700,"children":1702},{"className":1701},[],[1703],{"type":71,"value":1704},"packages\u002Fvue-table\u002Fsrc\u002FuseTable.ts",{"type":66,"tag":1254,"props":1706,"children":1708},{"id":1707},"high-using-the-v8-entrypoint",[1709],{"type":71,"value":1710},"HIGH Using the v8 entrypoint",{"type":66,"tag":67,"props":1712,"children":1713},{},[1714],{"type":71,"value":1532},{"type":66,"tag":96,"props":1716,"children":1718},{"className":1287,"code":1717,"language":149,"meta":100,"style":100},"const table = useVueTable({ data, columns, getCoreRowModel: getCoreRowModel() })\n",[1719],{"type":66,"tag":74,"props":1720,"children":1721},{"__ignoreMap":100},[1722],{"type":66,"tag":106,"props":1723,"children":1724},{"class":108,"line":109},[1725,1729,1733,1737,1742,1746,1750,1754,1758,1762,1766,1771,1775,1779,1784,1788],{"type":66,"tag":106,"props":1726,"children":1727},{"style":125},[1728],{"type":71,"value":341},{"type":66,"tag":106,"props":1730,"children":1731},{"style":176},[1732],{"type":71,"value":633},{"type":66,"tag":106,"props":1734,"children":1735},{"style":113},[1736],{"type":71,"value":138},{"type":66,"tag":106,"props":1738,"children":1739},{"style":353},[1740],{"type":71,"value":1741}," useVueTable",{"type":66,"tag":106,"props":1743,"children":1744},{"style":176},[1745],{"type":71,"value":360},{"type":66,"tag":106,"props":1747,"children":1748},{"style":113},[1749],{"type":71,"value":572},{"type":66,"tag":106,"props":1751,"children":1752},{"style":176},[1753],{"type":71,"value":1587},{"type":66,"tag":106,"props":1755,"children":1756},{"style":113},[1757],{"type":71,"value":225},{"type":66,"tag":106,"props":1759,"children":1760},{"style":176},[1761],{"type":71,"value":663},{"type":66,"tag":106,"props":1763,"children":1764},{"style":113},[1765],{"type":71,"value":225},{"type":66,"tag":106,"props":1767,"children":1768},{"style":119},[1769],{"type":71,"value":1770}," getCoreRowModel",{"type":66,"tag":106,"props":1772,"children":1773},{"style":113},[1774],{"type":71,"value":303},{"type":66,"tag":106,"props":1776,"children":1777},{"style":353},[1778],{"type":71,"value":1770},{"type":66,"tag":106,"props":1780,"children":1781},{"style":176},[1782],{"type":71,"value":1783},"() ",{"type":66,"tag":106,"props":1785,"children":1786},{"style":113},[1787],{"type":71,"value":676},{"type":66,"tag":106,"props":1789,"children":1790},{"style":176},[1791],{"type":71,"value":370},{"type":66,"tag":67,"props":1793,"children":1794},{},[1795],{"type":71,"value":1618},{"type":66,"tag":96,"props":1797,"children":1798},{"className":1287,"code":1621,"language":149,"meta":100,"style":100},[1799],{"type":66,"tag":74,"props":1800,"children":1801},{"__ignoreMap":100},[1802],{"type":66,"tag":106,"props":1803,"children":1804},{"class":108,"line":109},[1805,1809,1813,1817,1821,1825,1829,1833,1837,1841,1845,1849,1853],{"type":66,"tag":106,"props":1806,"children":1807},{"style":125},[1808],{"type":71,"value":341},{"type":66,"tag":106,"props":1810,"children":1811},{"style":176},[1812],{"type":71,"value":633},{"type":66,"tag":106,"props":1814,"children":1815},{"style":113},[1816],{"type":71,"value":138},{"type":66,"tag":106,"props":1818,"children":1819},{"style":353},[1820],{"type":71,"value":239},{"type":66,"tag":106,"props":1822,"children":1823},{"style":176},[1824],{"type":71,"value":360},{"type":66,"tag":106,"props":1826,"children":1827},{"style":113},[1828],{"type":71,"value":572},{"type":66,"tag":106,"props":1830,"children":1831},{"style":176},[1832],{"type":71,"value":654},{"type":66,"tag":106,"props":1834,"children":1835},{"style":113},[1836],{"type":71,"value":225},{"type":66,"tag":106,"props":1838,"children":1839},{"style":176},[1840],{"type":71,"value":663},{"type":66,"tag":106,"props":1842,"children":1843},{"style":113},[1844],{"type":71,"value":225},{"type":66,"tag":106,"props":1846,"children":1847},{"style":176},[1848],{"type":71,"value":535},{"type":66,"tag":106,"props":1850,"children":1851},{"style":113},[1852],{"type":71,"value":676},{"type":66,"tag":106,"props":1854,"children":1855},{"style":176},[1856],{"type":71,"value":370},{"type":66,"tag":67,"props":1858,"children":1859},{},[1860,1862,1867,1869,1875],{"type":71,"value":1861},"V9 uses ",{"type":66,"tag":74,"props":1863,"children":1865},{"className":1864},[],[1866],{"type":71,"value":1268},{"type":71,"value":1868},"; core processing is automatic and optional row models live in ",{"type":66,"tag":74,"props":1870,"children":1872},{"className":1871},[],[1873],{"type":71,"value":1874},"tableFeatures",{"type":71,"value":1600},{"type":66,"tag":67,"props":1877,"children":1878},{},[1879,1880],{"type":71,"value":1698},{"type":66,"tag":74,"props":1881,"children":1883},{"className":1882},[],[1884],{"type":71,"value":1885},"docs\u002Fframework\u002Fvue\u002Fguide\u002Fmigrating.md",{"type":66,"tag":1254,"props":1887,"children":1889},{"id":1888},"high-assuming-headless-means-prebuilt-ui",[1890],{"type":71,"value":1891},"HIGH Assuming headless means prebuilt UI",{"type":66,"tag":67,"props":1893,"children":1894},{},[1895],{"type":71,"value":1532},{"type":66,"tag":96,"props":1897,"children":1899},{"className":98,"code":1898,"language":14,"meta":100,"style":100},"\u003CTanStackTable :table=\"table\" \u002F>\n",[1900],{"type":66,"tag":74,"props":1901,"children":1902},{"__ignoreMap":100},[1903],{"type":66,"tag":106,"props":1904,"children":1905},{"class":108,"line":109},[1906,1910,1915,1920,1924,1928,1932,1936,1940],{"type":66,"tag":106,"props":1907,"children":1908},{"style":113},[1909],{"type":71,"value":116},{"type":66,"tag":106,"props":1911,"children":1912},{"style":119},[1913],{"type":71,"value":1914},"TanStackTable",{"type":66,"tag":106,"props":1916,"children":1917},{"style":113},[1918],{"type":71,"value":1919}," :",{"type":66,"tag":106,"props":1921,"children":1922},{"style":125},[1923],{"type":71,"value":42},{"type":66,"tag":106,"props":1925,"children":1926},{"style":113},[1927],{"type":71,"value":138},{"type":66,"tag":106,"props":1929,"children":1930},{"style":113},[1931],{"type":71,"value":143},{"type":66,"tag":106,"props":1933,"children":1934},{"style":176},[1935],{"type":71,"value":42},{"type":66,"tag":106,"props":1937,"children":1938},{"style":113},[1939],{"type":71,"value":143},{"type":66,"tag":106,"props":1941,"children":1942},{"style":113},[1943],{"type":71,"value":942},{"type":66,"tag":67,"props":1945,"children":1946},{},[1947],{"type":71,"value":1618},{"type":66,"tag":96,"props":1949,"children":1951},{"className":98,"code":1950,"language":14,"meta":100,"style":100},"\u003Ctd\n  v-for=\"cell in row.getAllCells()\"\n  :key=\"cell.id\"\n>\u003CFlexRender :cell=\"cell\" \u002F>\u003C\u002Ftd>\n",[1952],{"type":66,"tag":74,"props":1953,"children":1954},{"__ignoreMap":100},[1955,1967,2016,2054],{"type":66,"tag":106,"props":1956,"children":1957},{"class":108,"line":109},[1958,1962],{"type":66,"tag":106,"props":1959,"children":1960},{"style":113},[1961],{"type":71,"value":116},{"type":66,"tag":106,"props":1963,"children":1964},{"style":119},[1965],{"type":71,"value":1966},"td\n",{"type":66,"tag":106,"props":1968,"children":1969},{"class":108,"line":161},[1970,1975,1979,1983,1988,1993,1998,2002,2007,2011],{"type":66,"tag":106,"props":1971,"children":1972},{"style":165},[1973],{"type":71,"value":1974},"  v-for",{"type":66,"tag":106,"props":1976,"children":1977},{"style":113},[1978],{"type":71,"value":138},{"type":66,"tag":106,"props":1980,"children":1981},{"style":113},[1982],{"type":71,"value":143},{"type":66,"tag":106,"props":1984,"children":1985},{"style":176},[1986],{"type":71,"value":1987},"cell ",{"type":66,"tag":106,"props":1989,"children":1990},{"style":113},[1991],{"type":71,"value":1992},"in",{"type":66,"tag":106,"props":1994,"children":1995},{"style":176},[1996],{"type":71,"value":1997}," row",{"type":66,"tag":106,"props":1999,"children":2000},{"style":113},[2001],{"type":71,"value":1600},{"type":66,"tag":106,"props":2003,"children":2004},{"style":353},[2005],{"type":71,"value":2006},"getAllCells",{"type":66,"tag":106,"props":2008,"children":2009},{"style":176},[2010],{"type":71,"value":1444},{"type":66,"tag":106,"props":2012,"children":2013},{"style":113},[2014],{"type":71,"value":2015},"\"\n",{"type":66,"tag":106,"props":2017,"children":2018},{"class":108,"line":206},[2019,2024,2029,2033,2037,2041,2045,2050],{"type":66,"tag":106,"props":2020,"children":2021},{"style":113},[2022],{"type":71,"value":2023},"  :",{"type":66,"tag":106,"props":2025,"children":2026},{"style":125},[2027],{"type":71,"value":2028},"key",{"type":66,"tag":106,"props":2030,"children":2031},{"style":113},[2032],{"type":71,"value":138},{"type":66,"tag":106,"props":2034,"children":2035},{"style":113},[2036],{"type":71,"value":143},{"type":66,"tag":106,"props":2038,"children":2039},{"style":176},[2040],{"type":71,"value":1157},{"type":66,"tag":106,"props":2042,"children":2043},{"style":113},[2044],{"type":71,"value":1600},{"type":66,"tag":106,"props":2046,"children":2047},{"style":176},[2048],{"type":71,"value":2049},"id",{"type":66,"tag":106,"props":2051,"children":2052},{"style":113},[2053],{"type":71,"value":2015},{"type":66,"tag":106,"props":2055,"children":2056},{"class":108,"line":262},[2057,2061,2066,2070,2074],{"type":66,"tag":106,"props":2058,"children":2059},{"style":113},[2060],{"type":71,"value":562},{"type":66,"tag":106,"props":2062,"children":2063},{"style":176},[2064],{"type":71,"value":2065},"\u003CFlexRender :cell=\"cell\" \u002F>",{"type":66,"tag":106,"props":2067,"children":2068},{"style":113},[2069],{"type":71,"value":689},{"type":66,"tag":106,"props":2071,"children":2072},{"style":119},[2073],{"type":71,"value":1081},{"type":66,"tag":106,"props":2075,"children":2076},{"style":113},[2077],{"type":71,"value":158},{"type":66,"tag":67,"props":2079,"children":2080},{},[2081],{"type":71,"value":2082},"The adapter renders definitions but owns no table component, CSS, or design-system integration.",{"type":66,"tag":67,"props":2084,"children":2085},{},[2086,2087],{"type":71,"value":1698},{"type":66,"tag":74,"props":2088,"children":2090},{"className":2089},[],[2091],{"type":71,"value":2092},"examples\u002Fvue\u002Fbasic-use-table\u002Fsrc\u002FApp.tsx",{"type":66,"tag":89,"props":2094,"children":2096},{"id":2095},"api-discovery",[2097],{"type":71,"value":2098},"API Discovery",{"type":66,"tag":67,"props":2100,"children":2101},{},[2102,2104,2110,2112,2118,2119,2125,2127,2133],{"type":71,"value":2103},"Inspect ",{"type":66,"tag":74,"props":2105,"children":2107},{"className":2106},[],[2108],{"type":71,"value":2109},"node_modules\u002F@tanstack\u002Fvue-table\u002Fdist\u002Findex.d.ts",{"type":71,"value":2111},", then ",{"type":66,"tag":74,"props":2113,"children":2115},{"className":2114},[],[2116],{"type":71,"value":2117},"useTable.d.ts",{"type":71,"value":80},{"type":66,"tag":74,"props":2120,"children":2122},{"className":2121},[],[2123],{"type":71,"value":2124},"FlexRender.d.ts",{"type":71,"value":2126},". Inspect core feature APIs in ",{"type":66,"tag":74,"props":2128,"children":2130},{"className":2129},[],[2131],{"type":71,"value":2132},"node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Ffeatures\u002F\u003Cfeature>\u002F",{"type":71,"value":1600},{"type":66,"tag":2135,"props":2136,"children":2137},"style",{},[2138],{"type":71,"value":2139},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":2141,"total":1200},[2142,2156,2168,2178,2193,2205,2215],{"slug":2143,"name":2143,"fn":2144,"description":2145,"org":2146,"tags":2147,"stars":20,"repoUrl":21,"updatedAt":2155},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2148,2151,2154],{"name":2149,"slug":2150,"type":15},"Data Analysis","data-analysis",{"name":2152,"slug":2153,"type":15},"Frontend","frontend",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:59.429787",{"slug":2157,"name":2157,"fn":2158,"description":2159,"org":2160,"tags":2161,"stars":20,"repoUrl":21,"updatedAt":2167},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2162,2165,2166],{"name":2163,"slug":2164,"type":15},"Debugging","debugging",{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":2169,"name":2169,"fn":2170,"description":2171,"org":2172,"tags":2173,"stars":20,"repoUrl":21,"updatedAt":2177},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2174,2175,2176],{"name":2149,"slug":2150,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:38.403427",{"slug":2179,"name":2179,"fn":2180,"description":2181,"org":2182,"tags":2183,"stars":20,"repoUrl":21,"updatedAt":2192},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2184,2187,2188,2191],{"name":2185,"slug":2186,"type":15},"Data Pipeline","data-pipeline",{"name":2152,"slug":2153,"type":15},{"name":2189,"slug":2190,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":2194,"name":2194,"fn":2195,"description":2196,"org":2197,"tags":2198,"stars":20,"repoUrl":21,"updatedAt":2204},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2199,2202,2203],{"name":2200,"slug":2201,"type":15},"Data Visualization","data-visualization",{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":2206,"name":2206,"fn":2207,"description":2208,"org":2209,"tags":2210,"stars":20,"repoUrl":21,"updatedAt":2214},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2211,2212,2213],{"name":2149,"slug":2150,"type":15},{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":2216,"name":2216,"fn":2217,"description":2218,"org":2219,"tags":2220,"stars":20,"repoUrl":21,"updatedAt":2224},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2221,2222,2223],{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:26:03.37801",{"items":2226,"total":2324},[2227,2233,2239,2245,2252,2258,2264,2270,2283,2293,2304,2314],{"slug":2143,"name":2143,"fn":2144,"description":2145,"org":2228,"tags":2229,"stars":20,"repoUrl":21,"updatedAt":2155},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2230,2231,2232],{"name":2149,"slug":2150,"type":15},{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"slug":2157,"name":2157,"fn":2158,"description":2159,"org":2234,"tags":2235,"stars":20,"repoUrl":21,"updatedAt":2167},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2236,2237,2238],{"name":2163,"slug":2164,"type":15},{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"slug":2169,"name":2169,"fn":2170,"description":2171,"org":2240,"tags":2241,"stars":20,"repoUrl":21,"updatedAt":2177},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2242,2243,2244],{"name":2149,"slug":2150,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},{"slug":2179,"name":2179,"fn":2180,"description":2181,"org":2246,"tags":2247,"stars":20,"repoUrl":21,"updatedAt":2192},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2248,2249,2250,2251],{"name":2185,"slug":2186,"type":15},{"name":2152,"slug":2153,"type":15},{"name":2189,"slug":2190,"type":15},{"name":9,"slug":8,"type":15},{"slug":2194,"name":2194,"fn":2195,"description":2196,"org":2253,"tags":2254,"stars":20,"repoUrl":21,"updatedAt":2204},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2255,2256,2257],{"name":2200,"slug":2201,"type":15},{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"slug":2206,"name":2206,"fn":2207,"description":2208,"org":2259,"tags":2260,"stars":20,"repoUrl":21,"updatedAt":2214},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2261,2262,2263],{"name":2149,"slug":2150,"type":15},{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"slug":2216,"name":2216,"fn":2217,"description":2218,"org":2265,"tags":2266,"stars":20,"repoUrl":21,"updatedAt":2224},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2267,2268,2269],{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},{"slug":2271,"name":2271,"fn":2272,"description":2273,"org":2274,"tags":2275,"stars":20,"repoUrl":21,"updatedAt":2282},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2276,2279,2280,2281],{"name":2277,"slug":2278,"type":15},"CSS","css",{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:55.377366",{"slug":2284,"name":2284,"fn":2285,"description":2286,"org":2287,"tags":2288,"stars":20,"repoUrl":21,"updatedAt":2292},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2289,2290,2291],{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:51.400011",{"slug":2294,"name":2294,"fn":2295,"description":2296,"org":2297,"tags":2298,"stars":20,"repoUrl":21,"updatedAt":2303},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2299,2300,2301,2302],{"name":2277,"slug":2278,"type":15},{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:48.703799",{"slug":2305,"name":2305,"fn":2306,"description":2307,"org":2308,"tags":2309,"stars":20,"repoUrl":21,"updatedAt":2313},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2310,2311,2312],{"name":2152,"slug":2153,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:47.367943",{"slug":2315,"name":2315,"fn":2316,"description":2317,"org":2318,"tags":2319,"stars":20,"repoUrl":21,"updatedAt":2323},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2320,2321,2322],{"name":2149,"slug":2150,"type":15},{"name":2152,"slug":2153,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:52.366295",125]