[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-column-ordering":3,"mdc-p60x8u-key":50,"related-repo-tanstack-column-ordering":688,"related-org-tanstack-column-ordering":768},{"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":45,"sourceUrl":48,"mdContent":49},"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},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,17],{"name":13,"slug":14,"type":15},"UI Components","ui-components","tag",{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},"Frontend","frontend",28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:26:03.37801",null,3539,[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"datagrid","datagrids","datatable","filtering","grid","grouping","hooks","javascript","pagination","react","reactjs","solid","solidjs","sorting","svelte","sveltejs","table","typescript","vue",{"repoUrl":21,"stars":20,"forks":24,"topics":46,"description":47},[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"🤖 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\u002Ftable-core\u002Fskills\u002Fcolumn-ordering","---\nname: column-ordering\ndescription: >\n  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.\nmetadata:\n  {\n    type: sub-skill,\n    library: '@tanstack\u002Ftable-core',\n    library_version: '9.0.0-beta.59',\n  }\nrequires: ['core', 'table-features']\nsources:\n  - 'TanStack\u002Ftable:docs\u002Fframework\u002Freact\u002Fguide\u002Fcolumn-ordering.md'\n  - 'TanStack\u002Ftable:packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-ordering'\n  - 'TanStack\u002Ftable:examples\u002Freact\u002Fcolumn-dnd'\n---\n\nThis skill builds on `core` and `table-features`. `columnOrder` orders unpinned leaf IDs; other plugins can still determine the final visual regions.\n\n## Setup\n\n```ts\nimport { columnOrderingFeature, tableFeatures } from '@tanstack\u002Ftable-core'\n\nexport const features = tableFeatures({ columnOrderingFeature })\nexport const initialState = { columnOrder: ['name', 'age', 'actions'] }\n```\n\n## Core Patterns\n\n```ts\nconst next = columnOrder.filter((id) => id !== activeId)\nnext.splice(next.indexOf(overId), 0, activeId)\ntable.setColumnOrder(next)\n```\n\nUse column IDs as drag identities and replace the array.\n\n## Common Mistakes\n\n### [HIGH] Assuming state is final order\n\nWrong: `renderIds(columnOrder)`\n\nCorrect: `renderColumns(table.getAllLeafColumns())`\n\nPinning regions and grouping mode apply after base ordering. If\n`columnVisibilityFeature` is also registered, render\n`table.getVisibleLeafColumns()` to apply visibility too.\n\nSource: `docs\u002Fframework\u002Freact\u002Fguide\u002Fcolumn-ordering.md#what-affects-column-order`\n\n### [HIGH] Using labels as identities\n\nWrong: `const activeId = column.columnDef.header as string`\n\nCorrect: `const activeId = column.id`\n\nHeaders can collide or change; ordering state stores stable leaf column IDs.\n\nSource: `packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-ordering\u002FcolumnOrderingFeature.types.ts`\n\n### [HIGH] Mutating controlled state in place\n\nWrong: `columnOrder.splice(0, 1); table.setColumnOrder(columnOrder)`\n\nCorrect: `table.setColumnOrder(columnOrder.slice(1))`\n\nReactive owners commonly require a new array reference.\n\nSource: `examples\u002Freact\u002Fcolumn-dnd\u002Fsrc\u002Fmain.tsx`\n\n## API Discovery\n\nInspect `node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Ffeatures\u002Fcolumn-ordering\u002F`; combine with pinning\u002Fvisibility skills when those plugins are registered.\n",{"data":51,"body":63},{"name":4,"description":6,"metadata":52,"requires":56,"sources":59},{"type":53,"library":54,"library_version":55},"sub-skill","@tanstack\u002Ftable-core","9.0.0-beta.59",[57,58],"core","table-features",[60,61,62],"TanStack\u002Ftable:docs\u002Fframework\u002Freact\u002Fguide\u002Fcolumn-ordering.md","TanStack\u002Ftable:packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-ordering","TanStack\u002Ftable:examples\u002Freact\u002Fcolumn-dnd",{"type":64,"children":65},"root",[66,97,104,338,344,496,501,507,519,530,541,562,573,583,593,603,608,618,628,638,648,653,663,669,682],{"type":67,"tag":68,"props":69,"children":70},"element","p",{},[71,74,80,82,87,89,95],{"type":72,"value":73},"text","This skill builds on ",{"type":67,"tag":75,"props":76,"children":78},"code",{"className":77},[],[79],{"type":72,"value":57},{"type":72,"value":81}," and ",{"type":67,"tag":75,"props":83,"children":85},{"className":84},[],[86],{"type":72,"value":58},{"type":72,"value":88},". ",{"type":67,"tag":75,"props":90,"children":92},{"className":91},[],[93],{"type":72,"value":94},"columnOrder",{"type":72,"value":96}," orders unpinned leaf IDs; other plugins can still determine the final visual regions.",{"type":67,"tag":98,"props":99,"children":101},"h2",{"id":100},"setup",[102],{"type":72,"value":103},"Setup",{"type":67,"tag":105,"props":106,"children":111},"pre",{"className":107,"code":108,"language":109,"meta":110,"style":110},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { columnOrderingFeature, tableFeatures } from '@tanstack\u002Ftable-core'\n\nexport const features = tableFeatures({ columnOrderingFeature })\nexport const initialState = { columnOrder: ['name', 'age', 'actions'] }\n","ts","",[112],{"type":67,"tag":75,"props":113,"children":114},{"__ignoreMap":110},[115,174,184,239],{"type":67,"tag":116,"props":117,"children":120},"span",{"class":118,"line":119},"line",1,[121,127,133,139,144,149,154,159,164,169],{"type":67,"tag":116,"props":122,"children":124},{"style":123},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[125],{"type":72,"value":126},"import",{"type":67,"tag":116,"props":128,"children":130},{"style":129},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[131],{"type":72,"value":132}," {",{"type":67,"tag":116,"props":134,"children":136},{"style":135},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[137],{"type":72,"value":138}," columnOrderingFeature",{"type":67,"tag":116,"props":140,"children":141},{"style":129},[142],{"type":72,"value":143},",",{"type":67,"tag":116,"props":145,"children":146},{"style":135},[147],{"type":72,"value":148}," tableFeatures",{"type":67,"tag":116,"props":150,"children":151},{"style":129},[152],{"type":72,"value":153}," }",{"type":67,"tag":116,"props":155,"children":156},{"style":123},[157],{"type":72,"value":158}," from",{"type":67,"tag":116,"props":160,"children":161},{"style":129},[162],{"type":72,"value":163}," '",{"type":67,"tag":116,"props":165,"children":167},{"style":166},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[168],{"type":72,"value":54},{"type":67,"tag":116,"props":170,"children":171},{"style":129},[172],{"type":72,"value":173},"'\n",{"type":67,"tag":116,"props":175,"children":177},{"class":118,"line":176},2,[178],{"type":67,"tag":116,"props":179,"children":181},{"emptyLinePlaceholder":180},true,[182],{"type":72,"value":183},"\n",{"type":67,"tag":116,"props":185,"children":187},{"class":118,"line":186},3,[188,193,199,204,209,214,219,224,229,234],{"type":67,"tag":116,"props":189,"children":190},{"style":123},[191],{"type":72,"value":192},"export",{"type":67,"tag":116,"props":194,"children":196},{"style":195},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[197],{"type":72,"value":198}," const",{"type":67,"tag":116,"props":200,"children":201},{"style":135},[202],{"type":72,"value":203}," features ",{"type":67,"tag":116,"props":205,"children":206},{"style":129},[207],{"type":72,"value":208},"=",{"type":67,"tag":116,"props":210,"children":212},{"style":211},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[213],{"type":72,"value":148},{"type":67,"tag":116,"props":215,"children":216},{"style":135},[217],{"type":72,"value":218},"(",{"type":67,"tag":116,"props":220,"children":221},{"style":129},[222],{"type":72,"value":223},"{",{"type":67,"tag":116,"props":225,"children":226},{"style":135},[227],{"type":72,"value":228}," columnOrderingFeature ",{"type":67,"tag":116,"props":230,"children":231},{"style":129},[232],{"type":72,"value":233},"}",{"type":67,"tag":116,"props":235,"children":236},{"style":135},[237],{"type":72,"value":238},")\n",{"type":67,"tag":116,"props":240,"children":242},{"class":118,"line":241},4,[243,247,251,256,260,264,270,275,280,285,290,294,298,302,307,311,315,319,324,328,333],{"type":67,"tag":116,"props":244,"children":245},{"style":123},[246],{"type":72,"value":192},{"type":67,"tag":116,"props":248,"children":249},{"style":195},[250],{"type":72,"value":198},{"type":67,"tag":116,"props":252,"children":253},{"style":135},[254],{"type":72,"value":255}," initialState ",{"type":67,"tag":116,"props":257,"children":258},{"style":129},[259],{"type":72,"value":208},{"type":67,"tag":116,"props":261,"children":262},{"style":129},[263],{"type":72,"value":132},{"type":67,"tag":116,"props":265,"children":267},{"style":266},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[268],{"type":72,"value":269}," columnOrder",{"type":67,"tag":116,"props":271,"children":272},{"style":129},[273],{"type":72,"value":274},":",{"type":67,"tag":116,"props":276,"children":277},{"style":135},[278],{"type":72,"value":279}," [",{"type":67,"tag":116,"props":281,"children":282},{"style":129},[283],{"type":72,"value":284},"'",{"type":67,"tag":116,"props":286,"children":287},{"style":166},[288],{"type":72,"value":289},"name",{"type":67,"tag":116,"props":291,"children":292},{"style":129},[293],{"type":72,"value":284},{"type":67,"tag":116,"props":295,"children":296},{"style":129},[297],{"type":72,"value":143},{"type":67,"tag":116,"props":299,"children":300},{"style":129},[301],{"type":72,"value":163},{"type":67,"tag":116,"props":303,"children":304},{"style":166},[305],{"type":72,"value":306},"age",{"type":67,"tag":116,"props":308,"children":309},{"style":129},[310],{"type":72,"value":284},{"type":67,"tag":116,"props":312,"children":313},{"style":129},[314],{"type":72,"value":143},{"type":67,"tag":116,"props":316,"children":317},{"style":129},[318],{"type":72,"value":163},{"type":67,"tag":116,"props":320,"children":321},{"style":166},[322],{"type":72,"value":323},"actions",{"type":67,"tag":116,"props":325,"children":326},{"style":129},[327],{"type":72,"value":284},{"type":67,"tag":116,"props":329,"children":330},{"style":135},[331],{"type":72,"value":332},"] ",{"type":67,"tag":116,"props":334,"children":335},{"style":129},[336],{"type":72,"value":337},"}\n",{"type":67,"tag":98,"props":339,"children":341},{"id":340},"core-patterns",[342],{"type":72,"value":343},"Core Patterns",{"type":67,"tag":105,"props":345,"children":347},{"className":107,"code":346,"language":109,"meta":110,"style":110},"const next = columnOrder.filter((id) => id !== activeId)\nnext.splice(next.indexOf(overId), 0, activeId)\ntable.setColumnOrder(next)\n",[348],{"type":67,"tag":75,"props":349,"children":350},{"__ignoreMap":110},[351,421,475],{"type":67,"tag":116,"props":352,"children":353},{"class":118,"line":119},[354,359,364,368,372,377,382,386,390,396,401,406,411,416],{"type":67,"tag":116,"props":355,"children":356},{"style":195},[357],{"type":72,"value":358},"const",{"type":67,"tag":116,"props":360,"children":361},{"style":135},[362],{"type":72,"value":363}," next ",{"type":67,"tag":116,"props":365,"children":366},{"style":129},[367],{"type":72,"value":208},{"type":67,"tag":116,"props":369,"children":370},{"style":135},[371],{"type":72,"value":269},{"type":67,"tag":116,"props":373,"children":374},{"style":129},[375],{"type":72,"value":376},".",{"type":67,"tag":116,"props":378,"children":379},{"style":211},[380],{"type":72,"value":381},"filter",{"type":67,"tag":116,"props":383,"children":384},{"style":135},[385],{"type":72,"value":218},{"type":67,"tag":116,"props":387,"children":388},{"style":129},[389],{"type":72,"value":218},{"type":67,"tag":116,"props":391,"children":393},{"style":392},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[394],{"type":72,"value":395},"id",{"type":67,"tag":116,"props":397,"children":398},{"style":129},[399],{"type":72,"value":400},")",{"type":67,"tag":116,"props":402,"children":403},{"style":195},[404],{"type":72,"value":405}," =>",{"type":67,"tag":116,"props":407,"children":408},{"style":135},[409],{"type":72,"value":410}," id ",{"type":67,"tag":116,"props":412,"children":413},{"style":129},[414],{"type":72,"value":415},"!==",{"type":67,"tag":116,"props":417,"children":418},{"style":135},[419],{"type":72,"value":420}," activeId)\n",{"type":67,"tag":116,"props":422,"children":423},{"class":118,"line":176},[424,429,433,438,443,447,452,457,461,467,471],{"type":67,"tag":116,"props":425,"children":426},{"style":135},[427],{"type":72,"value":428},"next",{"type":67,"tag":116,"props":430,"children":431},{"style":129},[432],{"type":72,"value":376},{"type":67,"tag":116,"props":434,"children":435},{"style":211},[436],{"type":72,"value":437},"splice",{"type":67,"tag":116,"props":439,"children":440},{"style":135},[441],{"type":72,"value":442},"(next",{"type":67,"tag":116,"props":444,"children":445},{"style":129},[446],{"type":72,"value":376},{"type":67,"tag":116,"props":448,"children":449},{"style":211},[450],{"type":72,"value":451},"indexOf",{"type":67,"tag":116,"props":453,"children":454},{"style":135},[455],{"type":72,"value":456},"(overId)",{"type":67,"tag":116,"props":458,"children":459},{"style":129},[460],{"type":72,"value":143},{"type":67,"tag":116,"props":462,"children":464},{"style":463},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[465],{"type":72,"value":466}," 0",{"type":67,"tag":116,"props":468,"children":469},{"style":129},[470],{"type":72,"value":143},{"type":67,"tag":116,"props":472,"children":473},{"style":135},[474],{"type":72,"value":420},{"type":67,"tag":116,"props":476,"children":477},{"class":118,"line":186},[478,482,486,491],{"type":67,"tag":116,"props":479,"children":480},{"style":135},[481],{"type":72,"value":42},{"type":67,"tag":116,"props":483,"children":484},{"style":129},[485],{"type":72,"value":376},{"type":67,"tag":116,"props":487,"children":488},{"style":211},[489],{"type":72,"value":490},"setColumnOrder",{"type":67,"tag":116,"props":492,"children":493},{"style":135},[494],{"type":72,"value":495},"(next)\n",{"type":67,"tag":68,"props":497,"children":498},{},[499],{"type":72,"value":500},"Use column IDs as drag identities and replace the array.",{"type":67,"tag":98,"props":502,"children":504},{"id":503},"common-mistakes",[505],{"type":72,"value":506},"Common Mistakes",{"type":67,"tag":508,"props":509,"children":511},"h3",{"id":510},"high-assuming-state-is-final-order",[512,517],{"type":67,"tag":116,"props":513,"children":514},{},[515],{"type":72,"value":516},"HIGH",{"type":72,"value":518}," Assuming state is final order",{"type":67,"tag":68,"props":520,"children":521},{},[522,524],{"type":72,"value":523},"Wrong: ",{"type":67,"tag":75,"props":525,"children":527},{"className":526},[],[528],{"type":72,"value":529},"renderIds(columnOrder)",{"type":67,"tag":68,"props":531,"children":532},{},[533,535],{"type":72,"value":534},"Correct: ",{"type":67,"tag":75,"props":536,"children":538},{"className":537},[],[539],{"type":72,"value":540},"renderColumns(table.getAllLeafColumns())",{"type":67,"tag":68,"props":542,"children":543},{},[544,546,552,554,560],{"type":72,"value":545},"Pinning regions and grouping mode apply after base ordering. If\n",{"type":67,"tag":75,"props":547,"children":549},{"className":548},[],[550],{"type":72,"value":551},"columnVisibilityFeature",{"type":72,"value":553}," is also registered, render\n",{"type":67,"tag":75,"props":555,"children":557},{"className":556},[],[558],{"type":72,"value":559},"table.getVisibleLeafColumns()",{"type":72,"value":561}," to apply visibility too.",{"type":67,"tag":68,"props":563,"children":564},{},[565,567],{"type":72,"value":566},"Source: ",{"type":67,"tag":75,"props":568,"children":570},{"className":569},[],[571],{"type":72,"value":572},"docs\u002Fframework\u002Freact\u002Fguide\u002Fcolumn-ordering.md#what-affects-column-order",{"type":67,"tag":508,"props":574,"children":576},{"id":575},"high-using-labels-as-identities",[577,581],{"type":67,"tag":116,"props":578,"children":579},{},[580],{"type":72,"value":516},{"type":72,"value":582}," Using labels as identities",{"type":67,"tag":68,"props":584,"children":585},{},[586,587],{"type":72,"value":523},{"type":67,"tag":75,"props":588,"children":590},{"className":589},[],[591],{"type":72,"value":592},"const activeId = column.columnDef.header as string",{"type":67,"tag":68,"props":594,"children":595},{},[596,597],{"type":72,"value":534},{"type":67,"tag":75,"props":598,"children":600},{"className":599},[],[601],{"type":72,"value":602},"const activeId = column.id",{"type":67,"tag":68,"props":604,"children":605},{},[606],{"type":72,"value":607},"Headers can collide or change; ordering state stores stable leaf column IDs.",{"type":67,"tag":68,"props":609,"children":610},{},[611,612],{"type":72,"value":566},{"type":67,"tag":75,"props":613,"children":615},{"className":614},[],[616],{"type":72,"value":617},"packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-ordering\u002FcolumnOrderingFeature.types.ts",{"type":67,"tag":508,"props":619,"children":621},{"id":620},"high-mutating-controlled-state-in-place",[622,626],{"type":67,"tag":116,"props":623,"children":624},{},[625],{"type":72,"value":516},{"type":72,"value":627}," Mutating controlled state in place",{"type":67,"tag":68,"props":629,"children":630},{},[631,632],{"type":72,"value":523},{"type":67,"tag":75,"props":633,"children":635},{"className":634},[],[636],{"type":72,"value":637},"columnOrder.splice(0, 1); table.setColumnOrder(columnOrder)",{"type":67,"tag":68,"props":639,"children":640},{},[641,642],{"type":72,"value":534},{"type":67,"tag":75,"props":643,"children":645},{"className":644},[],[646],{"type":72,"value":647},"table.setColumnOrder(columnOrder.slice(1))",{"type":67,"tag":68,"props":649,"children":650},{},[651],{"type":72,"value":652},"Reactive owners commonly require a new array reference.",{"type":67,"tag":68,"props":654,"children":655},{},[656,657],{"type":72,"value":566},{"type":67,"tag":75,"props":658,"children":660},{"className":659},[],[661],{"type":72,"value":662},"examples\u002Freact\u002Fcolumn-dnd\u002Fsrc\u002Fmain.tsx",{"type":67,"tag":98,"props":664,"children":666},{"id":665},"api-discovery",[667],{"type":72,"value":668},"API Discovery",{"type":67,"tag":68,"props":670,"children":671},{},[672,674,680],{"type":72,"value":673},"Inspect ",{"type":67,"tag":75,"props":675,"children":677},{"className":676},[],[678],{"type":72,"value":679},"node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Ffeatures\u002Fcolumn-ordering\u002F",{"type":72,"value":681},"; combine with pinning\u002Fvisibility skills when those plugins are registered.",{"type":67,"tag":683,"props":684,"children":685},"style",{},[686],{"type":72,"value":687},"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":689,"total":767},[690,702,714,724,739,751,761],{"slug":691,"name":691,"fn":692,"description":693,"org":694,"tags":695,"stars":20,"repoUrl":21,"updatedAt":701},"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},[696,699,700],{"name":697,"slug":698,"type":15},"Data Analysis","data-analysis",{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:59.429787",{"slug":703,"name":703,"fn":704,"description":705,"org":706,"tags":707,"stars":20,"repoUrl":21,"updatedAt":713},"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},[708,711,712],{"name":709,"slug":710,"type":15},"Debugging","debugging",{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":715,"name":715,"fn":716,"description":717,"org":718,"tags":719,"stars":20,"repoUrl":21,"updatedAt":723},"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},[720,721,722],{"name":697,"slug":698,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:38.403427",{"slug":725,"name":725,"fn":726,"description":727,"org":728,"tags":729,"stars":20,"repoUrl":21,"updatedAt":738},"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},[730,733,734,737],{"name":731,"slug":732,"type":15},"Data Pipeline","data-pipeline",{"name":18,"slug":19,"type":15},{"name":735,"slug":736,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":740,"name":740,"fn":741,"description":742,"org":743,"tags":744,"stars":20,"repoUrl":21,"updatedAt":750},"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},[745,748,749],{"name":746,"slug":747,"type":15},"Data Visualization","data-visualization",{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":752,"name":752,"fn":753,"description":754,"org":755,"tags":756,"stars":20,"repoUrl":21,"updatedAt":760},"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},[757,758,759],{"name":697,"slug":698,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":4,"name":4,"fn":5,"description":6,"org":762,"tags":763,"stars":20,"repoUrl":21,"updatedAt":22},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[764,765,766],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},30,{"items":769,"total":866},[770,776,782,788,795,801,807,813,826,836,847,857],{"slug":691,"name":691,"fn":692,"description":693,"org":771,"tags":772,"stars":20,"repoUrl":21,"updatedAt":701},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[773,774,775],{"name":697,"slug":698,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":703,"name":703,"fn":704,"description":705,"org":777,"tags":778,"stars":20,"repoUrl":21,"updatedAt":713},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[779,780,781],{"name":709,"slug":710,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":715,"name":715,"fn":716,"description":717,"org":783,"tags":784,"stars":20,"repoUrl":21,"updatedAt":723},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[785,786,787],{"name":697,"slug":698,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"slug":725,"name":725,"fn":726,"description":727,"org":789,"tags":790,"stars":20,"repoUrl":21,"updatedAt":738},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[791,792,793,794],{"name":731,"slug":732,"type":15},{"name":18,"slug":19,"type":15},{"name":735,"slug":736,"type":15},{"name":9,"slug":8,"type":15},{"slug":740,"name":740,"fn":741,"description":742,"org":796,"tags":797,"stars":20,"repoUrl":21,"updatedAt":750},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[798,799,800],{"name":746,"slug":747,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":752,"name":752,"fn":753,"description":754,"org":802,"tags":803,"stars":20,"repoUrl":21,"updatedAt":760},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[804,805,806],{"name":697,"slug":698,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":4,"name":4,"fn":5,"description":6,"org":808,"tags":809,"stars":20,"repoUrl":21,"updatedAt":22},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[810,811,812],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"slug":814,"name":814,"fn":815,"description":816,"org":817,"tags":818,"stars":20,"repoUrl":21,"updatedAt":825},"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},[819,822,823,824],{"name":820,"slug":821,"type":15},"CSS","css",{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:55.377366",{"slug":827,"name":827,"fn":828,"description":829,"org":830,"tags":831,"stars":20,"repoUrl":21,"updatedAt":835},"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},[832,833,834],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:51.400011",{"slug":837,"name":837,"fn":838,"description":839,"org":840,"tags":841,"stars":20,"repoUrl":21,"updatedAt":846},"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},[842,843,844,845],{"name":820,"slug":821,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:48.703799",{"slug":848,"name":848,"fn":849,"description":850,"org":851,"tags":852,"stars":20,"repoUrl":21,"updatedAt":856},"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},[853,854,855],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:47.367943",{"slug":57,"name":57,"fn":858,"description":859,"org":860,"tags":861,"stars":20,"repoUrl":21,"updatedAt":865},"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},[862,863,864],{"name":697,"slug":698,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:52.366295",125]