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