[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-column-visibility":3,"mdc--8stryn-key":50,"related-org-tanstack-column-visibility":664,"related-repo-tanstack-column-visibility":797},{"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-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},"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:25:47.367943",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-visibility","---\nname: column-visibility\ndescription: >\n  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.\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-visibility.md'\n  - 'TanStack\u002Ftable:packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-visibility'\n  - 'TanStack\u002Ftable:examples\u002Freact\u002Fcolumn-visibility'\n---\n\nThis skill builds on `core` and `table-features`. Visibility state changes visibility-aware models; it never removes the column definition.\n\n## Setup\n\n```ts\nimport { columnVisibilityFeature, tableFeatures } from '@tanstack\u002Ftable-core'\n\nexport const features = tableFeatures({ columnVisibilityFeature })\nexport const initialState = { columnVisibility: { internalId: false } }\n```\n\n## Core Patterns\n\n```ts\nconst headers = table.getHeaderGroups()\nconst cells = row.getVisibleCells()\nconst toggles = table\n  .getAllLeafColumns()\n  .filter((column) => column.getCanHide())\n```\n\nUse all-column APIs for controls and visible APIs for rendered table content.\n\n## Common Mistakes\n\n### [HIGH] Rendering hidden cells anyway\n\nWrong: `row.getAllCells().map(renderCell)`\n\nCorrect: `row.getVisibleCells().map(renderCell)`\n\nAll-cell APIs intentionally include hidden columns.\n\nSource: `docs\u002Fframework\u002Freact\u002Fguide\u002Fcolumn-visibility.md#column-visibility-aware-table-apis`\n\n### [HIGH] Treating absence as hidden\n\nWrong: `const hidden = !columnVisibility[column.id]`\n\nCorrect: `const hidden = columnVisibility[column.id] === false`\n\nOnly explicit `false` hides a column; an absent entry is visible.\n\nSource: `packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-visibility\u002FcolumnVisibilityFeature.ts`\n\n### [MEDIUM] Treating enableHiding as visibility\n\nWrong: `helper.accessor('id', { enableHiding: false })`\n\nCorrect: `const initialState = { columnVisibility: { id: false } }`\n\n`enableHiding` controls whether hiding is allowed; visibility belongs in table state.\n\nSource: `packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-visibility\u002FcolumnVisibilityFeature.types.ts`\n\n## API Discovery\n\nInspect `node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Ffeatures\u002Fcolumn-visibility\u002F` for visibility-aware table, row, and column APIs.\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-visibility.md","TanStack\u002Ftable:packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-visibility","TanStack\u002Ftable:examples\u002Freact\u002Fcolumn-visibility",{"type":64,"children":65},"root",[66,89,96,295,301,473,478,484,496,507,518,523,534,544,554,564,577,587,598,608,618,629,639,645,658],{"type":67,"tag":68,"props":69,"children":70},"element","p",{},[71,74,80,82,87],{"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},". Visibility state changes visibility-aware models; it never removes the column definition.",{"type":67,"tag":90,"props":91,"children":93},"h2",{"id":92},"setup",[94],{"type":72,"value":95},"Setup",{"type":67,"tag":97,"props":98,"children":103},"pre",{"className":99,"code":100,"language":101,"meta":102,"style":102},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { columnVisibilityFeature, tableFeatures } from '@tanstack\u002Ftable-core'\n\nexport const features = tableFeatures({ columnVisibilityFeature })\nexport const initialState = { columnVisibility: { internalId: false } }\n","ts","",[104],{"type":67,"tag":75,"props":105,"children":106},{"__ignoreMap":102},[107,166,176,231],{"type":67,"tag":108,"props":109,"children":112},"span",{"class":110,"line":111},"line",1,[113,119,125,131,136,141,146,151,156,161],{"type":67,"tag":108,"props":114,"children":116},{"style":115},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[117],{"type":72,"value":118},"import",{"type":67,"tag":108,"props":120,"children":122},{"style":121},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[123],{"type":72,"value":124}," {",{"type":67,"tag":108,"props":126,"children":128},{"style":127},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[129],{"type":72,"value":130}," columnVisibilityFeature",{"type":67,"tag":108,"props":132,"children":133},{"style":121},[134],{"type":72,"value":135},",",{"type":67,"tag":108,"props":137,"children":138},{"style":127},[139],{"type":72,"value":140}," tableFeatures",{"type":67,"tag":108,"props":142,"children":143},{"style":121},[144],{"type":72,"value":145}," }",{"type":67,"tag":108,"props":147,"children":148},{"style":115},[149],{"type":72,"value":150}," from",{"type":67,"tag":108,"props":152,"children":153},{"style":121},[154],{"type":72,"value":155}," '",{"type":67,"tag":108,"props":157,"children":159},{"style":158},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[160],{"type":72,"value":54},{"type":67,"tag":108,"props":162,"children":163},{"style":121},[164],{"type":72,"value":165},"'\n",{"type":67,"tag":108,"props":167,"children":169},{"class":110,"line":168},2,[170],{"type":67,"tag":108,"props":171,"children":173},{"emptyLinePlaceholder":172},true,[174],{"type":72,"value":175},"\n",{"type":67,"tag":108,"props":177,"children":179},{"class":110,"line":178},3,[180,185,191,196,201,206,211,216,221,226],{"type":67,"tag":108,"props":181,"children":182},{"style":115},[183],{"type":72,"value":184},"export",{"type":67,"tag":108,"props":186,"children":188},{"style":187},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[189],{"type":72,"value":190}," const",{"type":67,"tag":108,"props":192,"children":193},{"style":127},[194],{"type":72,"value":195}," features ",{"type":67,"tag":108,"props":197,"children":198},{"style":121},[199],{"type":72,"value":200},"=",{"type":67,"tag":108,"props":202,"children":204},{"style":203},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[205],{"type":72,"value":140},{"type":67,"tag":108,"props":207,"children":208},{"style":127},[209],{"type":72,"value":210},"(",{"type":67,"tag":108,"props":212,"children":213},{"style":121},[214],{"type":72,"value":215},"{",{"type":67,"tag":108,"props":217,"children":218},{"style":127},[219],{"type":72,"value":220}," columnVisibilityFeature ",{"type":67,"tag":108,"props":222,"children":223},{"style":121},[224],{"type":72,"value":225},"}",{"type":67,"tag":108,"props":227,"children":228},{"style":127},[229],{"type":72,"value":230},")\n",{"type":67,"tag":108,"props":232,"children":234},{"class":110,"line":233},4,[235,239,243,248,252,256,262,267,271,276,280,286,290],{"type":67,"tag":108,"props":236,"children":237},{"style":115},[238],{"type":72,"value":184},{"type":67,"tag":108,"props":240,"children":241},{"style":187},[242],{"type":72,"value":190},{"type":67,"tag":108,"props":244,"children":245},{"style":127},[246],{"type":72,"value":247}," initialState ",{"type":67,"tag":108,"props":249,"children":250},{"style":121},[251],{"type":72,"value":200},{"type":67,"tag":108,"props":253,"children":254},{"style":121},[255],{"type":72,"value":124},{"type":67,"tag":108,"props":257,"children":259},{"style":258},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[260],{"type":72,"value":261}," columnVisibility",{"type":67,"tag":108,"props":263,"children":264},{"style":121},[265],{"type":72,"value":266},":",{"type":67,"tag":108,"props":268,"children":269},{"style":121},[270],{"type":72,"value":124},{"type":67,"tag":108,"props":272,"children":273},{"style":258},[274],{"type":72,"value":275}," internalId",{"type":67,"tag":108,"props":277,"children":278},{"style":121},[279],{"type":72,"value":266},{"type":67,"tag":108,"props":281,"children":283},{"style":282},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[284],{"type":72,"value":285}," false",{"type":67,"tag":108,"props":287,"children":288},{"style":121},[289],{"type":72,"value":145},{"type":67,"tag":108,"props":291,"children":292},{"style":121},[293],{"type":72,"value":294}," }\n",{"type":67,"tag":90,"props":296,"children":298},{"id":297},"core-patterns",[299],{"type":72,"value":300},"Core Patterns",{"type":67,"tag":97,"props":302,"children":304},{"className":99,"code":303,"language":101,"meta":102,"style":102},"const headers = table.getHeaderGroups()\nconst cells = row.getVisibleCells()\nconst toggles = table\n  .getAllLeafColumns()\n  .filter((column) => column.getCanHide())\n",[305],{"type":67,"tag":75,"props":306,"children":307},{"__ignoreMap":102},[308,345,379,400,417],{"type":67,"tag":108,"props":309,"children":310},{"class":110,"line":111},[311,316,321,325,330,335,340],{"type":67,"tag":108,"props":312,"children":313},{"style":187},[314],{"type":72,"value":315},"const",{"type":67,"tag":108,"props":317,"children":318},{"style":127},[319],{"type":72,"value":320}," headers ",{"type":67,"tag":108,"props":322,"children":323},{"style":121},[324],{"type":72,"value":200},{"type":67,"tag":108,"props":326,"children":327},{"style":127},[328],{"type":72,"value":329}," table",{"type":67,"tag":108,"props":331,"children":332},{"style":121},[333],{"type":72,"value":334},".",{"type":67,"tag":108,"props":336,"children":337},{"style":203},[338],{"type":72,"value":339},"getHeaderGroups",{"type":67,"tag":108,"props":341,"children":342},{"style":127},[343],{"type":72,"value":344},"()\n",{"type":67,"tag":108,"props":346,"children":347},{"class":110,"line":168},[348,352,357,361,366,370,375],{"type":67,"tag":108,"props":349,"children":350},{"style":187},[351],{"type":72,"value":315},{"type":67,"tag":108,"props":353,"children":354},{"style":127},[355],{"type":72,"value":356}," cells ",{"type":67,"tag":108,"props":358,"children":359},{"style":121},[360],{"type":72,"value":200},{"type":67,"tag":108,"props":362,"children":363},{"style":127},[364],{"type":72,"value":365}," row",{"type":67,"tag":108,"props":367,"children":368},{"style":121},[369],{"type":72,"value":334},{"type":67,"tag":108,"props":371,"children":372},{"style":203},[373],{"type":72,"value":374},"getVisibleCells",{"type":67,"tag":108,"props":376,"children":377},{"style":127},[378],{"type":72,"value":344},{"type":67,"tag":108,"props":380,"children":381},{"class":110,"line":178},[382,386,391,395],{"type":67,"tag":108,"props":383,"children":384},{"style":187},[385],{"type":72,"value":315},{"type":67,"tag":108,"props":387,"children":388},{"style":127},[389],{"type":72,"value":390}," toggles ",{"type":67,"tag":108,"props":392,"children":393},{"style":121},[394],{"type":72,"value":200},{"type":67,"tag":108,"props":396,"children":397},{"style":127},[398],{"type":72,"value":399}," table\n",{"type":67,"tag":108,"props":401,"children":402},{"class":110,"line":233},[403,408,413],{"type":67,"tag":108,"props":404,"children":405},{"style":121},[406],{"type":72,"value":407},"  .",{"type":67,"tag":108,"props":409,"children":410},{"style":203},[411],{"type":72,"value":412},"getAllLeafColumns",{"type":67,"tag":108,"props":414,"children":415},{"style":127},[416],{"type":72,"value":344},{"type":67,"tag":108,"props":418,"children":420},{"class":110,"line":419},5,[421,425,430,434,438,444,449,454,459,463,468],{"type":67,"tag":108,"props":422,"children":423},{"style":121},[424],{"type":72,"value":407},{"type":67,"tag":108,"props":426,"children":427},{"style":203},[428],{"type":72,"value":429},"filter",{"type":67,"tag":108,"props":431,"children":432},{"style":127},[433],{"type":72,"value":210},{"type":67,"tag":108,"props":435,"children":436},{"style":121},[437],{"type":72,"value":210},{"type":67,"tag":108,"props":439,"children":441},{"style":440},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[442],{"type":72,"value":443},"column",{"type":67,"tag":108,"props":445,"children":446},{"style":121},[447],{"type":72,"value":448},")",{"type":67,"tag":108,"props":450,"children":451},{"style":187},[452],{"type":72,"value":453}," =>",{"type":67,"tag":108,"props":455,"children":456},{"style":127},[457],{"type":72,"value":458}," column",{"type":67,"tag":108,"props":460,"children":461},{"style":121},[462],{"type":72,"value":334},{"type":67,"tag":108,"props":464,"children":465},{"style":203},[466],{"type":72,"value":467},"getCanHide",{"type":67,"tag":108,"props":469,"children":470},{"style":127},[471],{"type":72,"value":472},"())\n",{"type":67,"tag":68,"props":474,"children":475},{},[476],{"type":72,"value":477},"Use all-column APIs for controls and visible APIs for rendered table content.",{"type":67,"tag":90,"props":479,"children":481},{"id":480},"common-mistakes",[482],{"type":72,"value":483},"Common Mistakes",{"type":67,"tag":485,"props":486,"children":488},"h3",{"id":487},"high-rendering-hidden-cells-anyway",[489,494],{"type":67,"tag":108,"props":490,"children":491},{},[492],{"type":72,"value":493},"HIGH",{"type":72,"value":495}," Rendering hidden cells anyway",{"type":67,"tag":68,"props":497,"children":498},{},[499,501],{"type":72,"value":500},"Wrong: ",{"type":67,"tag":75,"props":502,"children":504},{"className":503},[],[505],{"type":72,"value":506},"row.getAllCells().map(renderCell)",{"type":67,"tag":68,"props":508,"children":509},{},[510,512],{"type":72,"value":511},"Correct: ",{"type":67,"tag":75,"props":513,"children":515},{"className":514},[],[516],{"type":72,"value":517},"row.getVisibleCells().map(renderCell)",{"type":67,"tag":68,"props":519,"children":520},{},[521],{"type":72,"value":522},"All-cell APIs intentionally include hidden columns.",{"type":67,"tag":68,"props":524,"children":525},{},[526,528],{"type":72,"value":527},"Source: ",{"type":67,"tag":75,"props":529,"children":531},{"className":530},[],[532],{"type":72,"value":533},"docs\u002Fframework\u002Freact\u002Fguide\u002Fcolumn-visibility.md#column-visibility-aware-table-apis",{"type":67,"tag":485,"props":535,"children":537},{"id":536},"high-treating-absence-as-hidden",[538,542],{"type":67,"tag":108,"props":539,"children":540},{},[541],{"type":72,"value":493},{"type":72,"value":543}," Treating absence as hidden",{"type":67,"tag":68,"props":545,"children":546},{},[547,548],{"type":72,"value":500},{"type":67,"tag":75,"props":549,"children":551},{"className":550},[],[552],{"type":72,"value":553},"const hidden = !columnVisibility[column.id]",{"type":67,"tag":68,"props":555,"children":556},{},[557,558],{"type":72,"value":511},{"type":67,"tag":75,"props":559,"children":561},{"className":560},[],[562],{"type":72,"value":563},"const hidden = columnVisibility[column.id] === false",{"type":67,"tag":68,"props":565,"children":566},{},[567,569,575],{"type":72,"value":568},"Only explicit ",{"type":67,"tag":75,"props":570,"children":572},{"className":571},[],[573],{"type":72,"value":574},"false",{"type":72,"value":576}," hides a column; an absent entry is visible.",{"type":67,"tag":68,"props":578,"children":579},{},[580,581],{"type":72,"value":527},{"type":67,"tag":75,"props":582,"children":584},{"className":583},[],[585],{"type":72,"value":586},"packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-visibility\u002FcolumnVisibilityFeature.ts",{"type":67,"tag":485,"props":588,"children":590},{"id":589},"medium-treating-enablehiding-as-visibility",[591,596],{"type":67,"tag":108,"props":592,"children":593},{},[594],{"type":72,"value":595},"MEDIUM",{"type":72,"value":597}," Treating enableHiding as visibility",{"type":67,"tag":68,"props":599,"children":600},{},[601,602],{"type":72,"value":500},{"type":67,"tag":75,"props":603,"children":605},{"className":604},[],[606],{"type":72,"value":607},"helper.accessor('id', { enableHiding: false })",{"type":67,"tag":68,"props":609,"children":610},{},[611,612],{"type":72,"value":511},{"type":67,"tag":75,"props":613,"children":615},{"className":614},[],[616],{"type":72,"value":617},"const initialState = { columnVisibility: { id: false } }",{"type":67,"tag":68,"props":619,"children":620},{},[621,627],{"type":67,"tag":75,"props":622,"children":624},{"className":623},[],[625],{"type":72,"value":626},"enableHiding",{"type":72,"value":628}," controls whether hiding is allowed; visibility belongs in table state.",{"type":67,"tag":68,"props":630,"children":631},{},[632,633],{"type":72,"value":527},{"type":67,"tag":75,"props":634,"children":636},{"className":635},[],[637],{"type":72,"value":638},"packages\u002Ftable-core\u002Fsrc\u002Ffeatures\u002Fcolumn-visibility\u002FcolumnVisibilityFeature.types.ts",{"type":67,"tag":90,"props":640,"children":642},{"id":641},"api-discovery",[643],{"type":72,"value":644},"API Discovery",{"type":67,"tag":68,"props":646,"children":647},{},[648,650,656],{"type":72,"value":649},"Inspect ",{"type":67,"tag":75,"props":651,"children":653},{"className":652},[],[654],{"type":72,"value":655},"node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Ffeatures\u002Fcolumn-visibility\u002F",{"type":72,"value":657}," for visibility-aware table, row, and column APIs.",{"type":67,"tag":659,"props":660,"children":661},"style",{},[662],{"type":72,"value":663},"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":665,"total":796},[666,678,690,700,715,727,737,747,760,770,781,787],{"slug":667,"name":667,"fn":668,"description":669,"org":670,"tags":671,"stars":20,"repoUrl":21,"updatedAt":677},"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},[672,675,676],{"name":673,"slug":674,"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":679,"name":679,"fn":680,"description":681,"org":682,"tags":683,"stars":20,"repoUrl":21,"updatedAt":689},"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},[684,687,688],{"name":685,"slug":686,"type":15},"Debugging","debugging",{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":691,"name":691,"fn":692,"description":693,"org":694,"tags":695,"stars":20,"repoUrl":21,"updatedAt":699},"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},[696,697,698],{"name":673,"slug":674,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:38.403427",{"slug":701,"name":701,"fn":702,"description":703,"org":704,"tags":705,"stars":20,"repoUrl":21,"updatedAt":714},"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},[706,709,710,713],{"name":707,"slug":708,"type":15},"Data Pipeline","data-pipeline",{"name":18,"slug":19,"type":15},{"name":711,"slug":712,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":716,"name":716,"fn":717,"description":718,"org":719,"tags":720,"stars":20,"repoUrl":21,"updatedAt":726},"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},[721,724,725],{"name":722,"slug":723,"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":728,"name":728,"fn":729,"description":730,"org":731,"tags":732,"stars":20,"repoUrl":21,"updatedAt":736},"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},[733,734,735],{"name":673,"slug":674,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":738,"name":738,"fn":739,"description":740,"org":741,"tags":742,"stars":20,"repoUrl":21,"updatedAt":746},"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},[743,744,745],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:26:03.37801",{"slug":748,"name":748,"fn":749,"description":750,"org":751,"tags":752,"stars":20,"repoUrl":21,"updatedAt":759},"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},[753,756,757,758],{"name":754,"slug":755,"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":761,"name":761,"fn":762,"description":763,"org":764,"tags":765,"stars":20,"repoUrl":21,"updatedAt":769},"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},[766,767,768],{"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":771,"name":771,"fn":772,"description":773,"org":774,"tags":775,"stars":20,"repoUrl":21,"updatedAt":780},"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},[776,777,778,779],{"name":754,"slug":755,"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":4,"name":4,"fn":5,"description":6,"org":782,"tags":783,"stars":20,"repoUrl":21,"updatedAt":22},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[784,785,786],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"slug":57,"name":57,"fn":788,"description":789,"org":790,"tags":791,"stars":20,"repoUrl":21,"updatedAt":795},"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},[792,793,794],{"name":673,"slug":674,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:25:52.366295",125,{"items":798,"total":842},[799,805,811,817,824,830,836],{"slug":667,"name":667,"fn":668,"description":669,"org":800,"tags":801,"stars":20,"repoUrl":21,"updatedAt":677},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[802,803,804],{"name":673,"slug":674,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":679,"name":679,"fn":680,"description":681,"org":806,"tags":807,"stars":20,"repoUrl":21,"updatedAt":689},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[808,809,810],{"name":685,"slug":686,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":691,"name":691,"fn":692,"description":693,"org":812,"tags":813,"stars":20,"repoUrl":21,"updatedAt":699},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[814,815,816],{"name":673,"slug":674,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"slug":701,"name":701,"fn":702,"description":703,"org":818,"tags":819,"stars":20,"repoUrl":21,"updatedAt":714},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[820,821,822,823],{"name":707,"slug":708,"type":15},{"name":18,"slug":19,"type":15},{"name":711,"slug":712,"type":15},{"name":9,"slug":8,"type":15},{"slug":716,"name":716,"fn":717,"description":718,"org":825,"tags":826,"stars":20,"repoUrl":21,"updatedAt":726},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[827,828,829],{"name":722,"slug":723,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":728,"name":728,"fn":729,"description":730,"org":831,"tags":832,"stars":20,"repoUrl":21,"updatedAt":736},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[833,834,835],{"name":673,"slug":674,"type":15},{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"slug":738,"name":738,"fn":739,"description":740,"org":837,"tags":838,"stars":20,"repoUrl":21,"updatedAt":746},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[839,840,841],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},30]