[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-core":3,"mdc-dr8emt-key":52,"related-org-tanstack-core":2552,"related-repo-tanstack-core":2684},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":22,"repoUrl":23,"updatedAt":24,"license":25,"forks":26,"topics":27,"repo":47,"sourceUrl":50,"mdContent":51},"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},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19],{"name":13,"slug":14,"type":15},"Data Analysis","data-analysis","tag",{"name":17,"slug":18,"type":15},"UI Components","ui-components",{"name":20,"slug":21,"type":15},"Frontend","frontend",28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:52.366295",null,3539,[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"datagrid","datagrids","datatable","filtering","grid","grouping","hooks","javascript","pagination","react","reactjs","solid","solidjs","sorting","svelte","sveltejs","table","typescript","vue",{"repoUrl":23,"stars":22,"forks":26,"topics":48,"description":49},[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"🤖 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\u002Fcore","---\nname: core\ndescription: >\n  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.\nmetadata:\n  type: core\n  library: '@tanstack\u002Ftable-core'\n  library_version: '9.0.0-beta.59'\nsources:\n  - 'TanStack\u002Ftable:docs\u002Foverview.md'\n  - 'TanStack\u002Ftable:docs\u002Fguide\u002Ftables.md'\n  - 'TanStack\u002Ftable:docs\u002Fguide\u002Fdata.md'\n  - 'TanStack\u002Ftable:docs\u002Fguide\u002Frows.md'\n  - 'TanStack\u002Ftable:packages\u002Ftable-core\u002Fsrc\u002Findex.ts'\n---\n\n# TanStack Table Core\n\nTanStack Table creates a table instance, state, and row models. It does not render a component, choose a component library, apply CSS, or supply interaction accessibility. Use a framework adapter in UI code; use `constructTable` only for framework-neutral integrations.\n\n## Setup\n\n\u003C!-- skill-snippet:check -->\n\n```ts\nimport {\n  constructTable,\n  createColumnHelper,\n  tableFeatures,\n} from '@tanstack\u002Ftable-core'\nimport { storeReactivityBindings } from '@tanstack\u002Ftable-core\u002Fstore-reactivity-bindings'\n\ntype Person = { id: string; name: string }\nconst features = tableFeatures({\n  coreReactivityFeature: storeReactivityBindings(),\n})\nconst helper = createColumnHelper\u003Ctypeof features, Person>()\nconst columns = helper.columns([helper.accessor('name', { header: 'Name' })])\nconst data: Person[] = [{ id: '1', name: 'Ada' }]\nconst table = constructTable({\n  features,\n  columns,\n  data,\n  getRowId: (row) => row.id,\n})\n\nfor (const row of table.getRowModel().rows) {\n  console.log(row.getAllCells().map((cell) => cell.getValue()))\n}\n```\n\n## Core Patterns\n\n### Start with core, add only behavior used\n\n```ts\nconst features = tableFeatures({\n  coreReactivityFeature: storeReactivityBindings(),\n})\n```\n\nThe core row model is automatic; filtering, sorting, pagination, and other optional behavior require their feature plugins.\n\n### Keep model inputs stable\n\n```ts\nconst data: Person[] = [{ id: '1', name: 'Ada' }]\nconst columns = helper.columns([helper.accessor('name', { header: 'Name' })])\n```\n\nDefine static inputs once and preserve query\u002Fstore references when data has not changed.\n\n### Number rows in current display order\n\n```ts\nconst rowNumberColumn = helper.display({\n  id: 'rowNumber',\n  header: '#',\n  cell: ({ row }) => {\n    const displayIndex = row.getDisplayIndex()\n    return displayIndex === -1 ? '' : displayIndex + 1\n  },\n})\n```\n\n`row.getDisplayIndex()` follows the current filtering, grouping, sorting, and expansion order before pagination. `row.index` remains the row's creation-time position within its parent array.\n\n## Common Mistakes\n\n### [HIGH] Expecting Table to render a grid\n\nWrong:\n\n```ts\ndocument.body.append(table as unknown as Node)\n```\n\nCorrect:\n\n```ts\nconst names = table\n  .getRowModel()\n  .rows.map((row) => row.getValue\u003Cstring>('name'))\ndocument.body.textContent = names.join(', ')\n```\n\nThe table instance is a model; markup, CSS, semantics, and accessibility are renderer responsibilities.\n\nSource: `docs\u002Foverview.md`\n\n### [HIGH] Recreating model inputs repeatedly\n\nWrong:\n\n```ts\nconst options = () => ({\n  data: source.map((item) => item),\n  columns: helper.columns([]),\n})\n```\n\nCorrect:\n\n```ts\nconst data = source.map((item) => item)\nconst columns = helper.columns([])\nconst options = () => ({ data, columns })\n```\n\nNew references invalidate memoized row and column work and can create adapter render loops.\n\nSource: `docs\u002Fguide\u002Fdata.md`\n\n### [HIGH] Detaching prototype-bound methods\n\nWrong:\n\n```ts\nconst { getValue } = table.getRowModel().rows[0]!\ngetValue('name')\n```\n\nCorrect:\n\n```ts\nconst row = table.getRowModel().rows[0]!\nrow.getValue('name')\n```\n\nV9 row, cell, column, and header methods use their instance as `this`.\n\nSource: `docs\u002Fframework\u002Freact\u002Fguide\u002Fmigrating.md#instance-methods-must-be-called-on-their-instance`\n\n### [HIGH] Reading the display-index cache directly\n\nWrong:\n\n```ts\nconst rowNumber = row._displayIndexCache + 1\n```\n\nCorrect:\n\n```ts\nconst displayIndex = row.getDisplayIndex()\nconst rowNumber = displayIndex === -1 ? undefined : displayIndex + 1\n```\n\n`_displayIndexCache` is internal and may be stale until display order is recomputed. The public method refreshes display order, validates that the cached slot still contains the row, and returns `-1` when it does not.\n\nSource: `docs\u002Fguide\u002Frows.md#row-numbers-and-display-indexes`, `packages\u002Ftable-core\u002Fsrc\u002Fcore\u002Frows\u002FcoreRowsFeature.utils.ts`\n\n## API Discovery\n\nInspect `node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Findex.d.ts`, then follow the exported implementation. For UI creation and rendering, inspect `node_modules\u002F@tanstack\u002F\u003Cframework>-table\u002Fdist\u002Findex.d.ts` and load that adapter's getting-started skill.\n",{"data":53,"body":63},{"name":4,"description":6,"metadata":54,"sources":57},{"type":4,"library":55,"library_version":56},"@tanstack\u002Ftable-core","9.0.0-beta.59",[58,59,60,61,62],"TanStack\u002Ftable:docs\u002Foverview.md","TanStack\u002Ftable:docs\u002Fguide\u002Ftables.md","TanStack\u002Ftable:docs\u002Fguide\u002Fdata.md","TanStack\u002Ftable:docs\u002Fguide\u002Frows.md","TanStack\u002Ftable:packages\u002Ftable-core\u002Fsrc\u002Findex.ts",{"type":64,"children":65},"root",[66,75,90,97,929,935,942,1010,1015,1021,1206,1211,1217,1462,1481,1487,1498,1503,1565,1570,1764,1769,1780,1790,1794,1931,1935,2078,2083,2093,2103,2107,2205,2209,2302,2314,2324,2334,2338,2383,2387,2483,2502,2519,2525,2546],{"type":67,"tag":68,"props":69,"children":71},"element","h1",{"id":70},"tanstack-table-core",[72],{"type":73,"value":74},"text","TanStack Table Core",{"type":67,"tag":76,"props":77,"children":78},"p",{},[79,81,88],{"type":73,"value":80},"TanStack Table creates a table instance, state, and row models. It does not render a component, choose a component library, apply CSS, or supply interaction accessibility. Use a framework adapter in UI code; use ",{"type":67,"tag":82,"props":83,"children":85},"code",{"className":84},[],[86],{"type":73,"value":87},"constructTable",{"type":73,"value":89}," only for framework-neutral integrations.",{"type":67,"tag":91,"props":92,"children":94},"h2",{"id":93},"setup",[95],{"type":73,"value":96},"Setup",{"type":67,"tag":98,"props":99,"children":104},"pre",{"className":100,"code":101,"language":102,"meta":103,"style":103},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import {\n  constructTable,\n  createColumnHelper,\n  tableFeatures,\n} from '@tanstack\u002Ftable-core'\nimport { storeReactivityBindings } from '@tanstack\u002Ftable-core\u002Fstore-reactivity-bindings'\n\ntype Person = { id: string; name: string }\nconst features = tableFeatures({\n  coreReactivityFeature: storeReactivityBindings(),\n})\nconst helper = createColumnHelper\u003Ctypeof features, Person>()\nconst columns = helper.columns([helper.accessor('name', { header: 'Name' })])\nconst data: Person[] = [{ id: '1', name: 'Ada' }]\nconst table = constructTable({\n  features,\n  columns,\n  data,\n  getRowId: (row) => row.id,\n})\n\nfor (const row of table.getRowModel().rows) {\n  console.log(row.getAllCells().map((cell) => cell.getValue()))\n}\n","ts","",[105],{"type":67,"tag":82,"props":106,"children":107},{"__ignoreMap":103},[108,126,141,154,167,196,236,246,310,345,371,384,435,538,633,663,676,689,702,754,766,774,832,920],{"type":67,"tag":109,"props":110,"children":113},"span",{"class":111,"line":112},"line",1,[114,120],{"type":67,"tag":109,"props":115,"children":117},{"style":116},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[118],{"type":73,"value":119},"import",{"type":67,"tag":109,"props":121,"children":123},{"style":122},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[124],{"type":73,"value":125}," {\n",{"type":67,"tag":109,"props":127,"children":129},{"class":111,"line":128},2,[130,136],{"type":67,"tag":109,"props":131,"children":133},{"style":132},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[134],{"type":73,"value":135},"  constructTable",{"type":67,"tag":109,"props":137,"children":138},{"style":122},[139],{"type":73,"value":140},",\n",{"type":67,"tag":109,"props":142,"children":144},{"class":111,"line":143},3,[145,150],{"type":67,"tag":109,"props":146,"children":147},{"style":132},[148],{"type":73,"value":149},"  createColumnHelper",{"type":67,"tag":109,"props":151,"children":152},{"style":122},[153],{"type":73,"value":140},{"type":67,"tag":109,"props":155,"children":157},{"class":111,"line":156},4,[158,163],{"type":67,"tag":109,"props":159,"children":160},{"style":132},[161],{"type":73,"value":162},"  tableFeatures",{"type":67,"tag":109,"props":164,"children":165},{"style":122},[166],{"type":73,"value":140},{"type":67,"tag":109,"props":168,"children":170},{"class":111,"line":169},5,[171,176,181,186,191],{"type":67,"tag":109,"props":172,"children":173},{"style":122},[174],{"type":73,"value":175},"}",{"type":67,"tag":109,"props":177,"children":178},{"style":116},[179],{"type":73,"value":180}," from",{"type":67,"tag":109,"props":182,"children":183},{"style":122},[184],{"type":73,"value":185}," '",{"type":67,"tag":109,"props":187,"children":189},{"style":188},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[190],{"type":73,"value":55},{"type":67,"tag":109,"props":192,"children":193},{"style":122},[194],{"type":73,"value":195},"'\n",{"type":67,"tag":109,"props":197,"children":199},{"class":111,"line":198},6,[200,204,209,214,219,223,227,232],{"type":67,"tag":109,"props":201,"children":202},{"style":116},[203],{"type":73,"value":119},{"type":67,"tag":109,"props":205,"children":206},{"style":122},[207],{"type":73,"value":208}," {",{"type":67,"tag":109,"props":210,"children":211},{"style":132},[212],{"type":73,"value":213}," storeReactivityBindings",{"type":67,"tag":109,"props":215,"children":216},{"style":122},[217],{"type":73,"value":218}," }",{"type":67,"tag":109,"props":220,"children":221},{"style":116},[222],{"type":73,"value":180},{"type":67,"tag":109,"props":224,"children":225},{"style":122},[226],{"type":73,"value":185},{"type":67,"tag":109,"props":228,"children":229},{"style":188},[230],{"type":73,"value":231},"@tanstack\u002Ftable-core\u002Fstore-reactivity-bindings",{"type":67,"tag":109,"props":233,"children":234},{"style":122},[235],{"type":73,"value":195},{"type":67,"tag":109,"props":237,"children":239},{"class":111,"line":238},7,[240],{"type":67,"tag":109,"props":241,"children":243},{"emptyLinePlaceholder":242},true,[244],{"type":73,"value":245},"\n",{"type":67,"tag":109,"props":247,"children":249},{"class":111,"line":248},8,[250,256,262,267,271,277,282,287,292,297,301,305],{"type":67,"tag":109,"props":251,"children":253},{"style":252},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[254],{"type":73,"value":255},"type",{"type":67,"tag":109,"props":257,"children":259},{"style":258},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[260],{"type":73,"value":261}," Person",{"type":67,"tag":109,"props":263,"children":264},{"style":122},[265],{"type":73,"value":266}," =",{"type":67,"tag":109,"props":268,"children":269},{"style":122},[270],{"type":73,"value":208},{"type":67,"tag":109,"props":272,"children":274},{"style":273},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[275],{"type":73,"value":276}," id",{"type":67,"tag":109,"props":278,"children":279},{"style":122},[280],{"type":73,"value":281},":",{"type":67,"tag":109,"props":283,"children":284},{"style":258},[285],{"type":73,"value":286}," string",{"type":67,"tag":109,"props":288,"children":289},{"style":122},[290],{"type":73,"value":291},";",{"type":67,"tag":109,"props":293,"children":294},{"style":273},[295],{"type":73,"value":296}," name",{"type":67,"tag":109,"props":298,"children":299},{"style":122},[300],{"type":73,"value":281},{"type":67,"tag":109,"props":302,"children":303},{"style":258},[304],{"type":73,"value":286},{"type":67,"tag":109,"props":306,"children":307},{"style":122},[308],{"type":73,"value":309}," }\n",{"type":67,"tag":109,"props":311,"children":313},{"class":111,"line":312},9,[314,319,324,329,335,340],{"type":67,"tag":109,"props":315,"children":316},{"style":252},[317],{"type":73,"value":318},"const",{"type":67,"tag":109,"props":320,"children":321},{"style":132},[322],{"type":73,"value":323}," features ",{"type":67,"tag":109,"props":325,"children":326},{"style":122},[327],{"type":73,"value":328},"=",{"type":67,"tag":109,"props":330,"children":332},{"style":331},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[333],{"type":73,"value":334}," tableFeatures",{"type":67,"tag":109,"props":336,"children":337},{"style":132},[338],{"type":73,"value":339},"(",{"type":67,"tag":109,"props":341,"children":342},{"style":122},[343],{"type":73,"value":344},"{\n",{"type":67,"tag":109,"props":346,"children":348},{"class":111,"line":347},10,[349,354,358,362,367],{"type":67,"tag":109,"props":350,"children":351},{"style":273},[352],{"type":73,"value":353},"  coreReactivityFeature",{"type":67,"tag":109,"props":355,"children":356},{"style":122},[357],{"type":73,"value":281},{"type":67,"tag":109,"props":359,"children":360},{"style":331},[361],{"type":73,"value":213},{"type":67,"tag":109,"props":363,"children":364},{"style":132},[365],{"type":73,"value":366},"()",{"type":67,"tag":109,"props":368,"children":369},{"style":122},[370],{"type":73,"value":140},{"type":67,"tag":109,"props":372,"children":374},{"class":111,"line":373},11,[375,379],{"type":67,"tag":109,"props":376,"children":377},{"style":122},[378],{"type":73,"value":175},{"type":67,"tag":109,"props":380,"children":381},{"style":132},[382],{"type":73,"value":383},")\n",{"type":67,"tag":109,"props":385,"children":387},{"class":111,"line":386},12,[388,392,397,401,406,411,416,421,425,430],{"type":67,"tag":109,"props":389,"children":390},{"style":252},[391],{"type":73,"value":318},{"type":67,"tag":109,"props":393,"children":394},{"style":132},[395],{"type":73,"value":396}," helper ",{"type":67,"tag":109,"props":398,"children":399},{"style":122},[400],{"type":73,"value":328},{"type":67,"tag":109,"props":402,"children":403},{"style":331},[404],{"type":73,"value":405}," createColumnHelper",{"type":67,"tag":109,"props":407,"children":408},{"style":122},[409],{"type":73,"value":410},"\u003Ctypeof",{"type":67,"tag":109,"props":412,"children":413},{"style":132},[414],{"type":73,"value":415}," features",{"type":67,"tag":109,"props":417,"children":418},{"style":122},[419],{"type":73,"value":420},",",{"type":67,"tag":109,"props":422,"children":423},{"style":258},[424],{"type":73,"value":261},{"type":67,"tag":109,"props":426,"children":427},{"style":122},[428],{"type":73,"value":429},">",{"type":67,"tag":109,"props":431,"children":432},{"style":132},[433],{"type":73,"value":434},"()\n",{"type":67,"tag":109,"props":436,"children":438},{"class":111,"line":437},13,[439,443,448,452,457,462,467,472,476,481,485,490,495,499,503,507,512,516,520,525,529,533],{"type":67,"tag":109,"props":440,"children":441},{"style":252},[442],{"type":73,"value":318},{"type":67,"tag":109,"props":444,"children":445},{"style":132},[446],{"type":73,"value":447}," columns ",{"type":67,"tag":109,"props":449,"children":450},{"style":122},[451],{"type":73,"value":328},{"type":67,"tag":109,"props":453,"children":454},{"style":132},[455],{"type":73,"value":456}," helper",{"type":67,"tag":109,"props":458,"children":459},{"style":122},[460],{"type":73,"value":461},".",{"type":67,"tag":109,"props":463,"children":464},{"style":331},[465],{"type":73,"value":466},"columns",{"type":67,"tag":109,"props":468,"children":469},{"style":132},[470],{"type":73,"value":471},"([helper",{"type":67,"tag":109,"props":473,"children":474},{"style":122},[475],{"type":73,"value":461},{"type":67,"tag":109,"props":477,"children":478},{"style":331},[479],{"type":73,"value":480},"accessor",{"type":67,"tag":109,"props":482,"children":483},{"style":132},[484],{"type":73,"value":339},{"type":67,"tag":109,"props":486,"children":487},{"style":122},[488],{"type":73,"value":489},"'",{"type":67,"tag":109,"props":491,"children":492},{"style":188},[493],{"type":73,"value":494},"name",{"type":67,"tag":109,"props":496,"children":497},{"style":122},[498],{"type":73,"value":489},{"type":67,"tag":109,"props":500,"children":501},{"style":122},[502],{"type":73,"value":420},{"type":67,"tag":109,"props":504,"children":505},{"style":122},[506],{"type":73,"value":208},{"type":67,"tag":109,"props":508,"children":509},{"style":273},[510],{"type":73,"value":511}," header",{"type":67,"tag":109,"props":513,"children":514},{"style":122},[515],{"type":73,"value":281},{"type":67,"tag":109,"props":517,"children":518},{"style":122},[519],{"type":73,"value":185},{"type":67,"tag":109,"props":521,"children":522},{"style":188},[523],{"type":73,"value":524},"Name",{"type":67,"tag":109,"props":526,"children":527},{"style":122},[528],{"type":73,"value":489},{"type":67,"tag":109,"props":530,"children":531},{"style":122},[532],{"type":73,"value":218},{"type":67,"tag":109,"props":534,"children":535},{"style":132},[536],{"type":73,"value":537},")])\n",{"type":67,"tag":109,"props":539,"children":541},{"class":111,"line":540},14,[542,546,551,555,559,564,568,573,578,582,586,590,595,599,603,607,611,615,620,624,628],{"type":67,"tag":109,"props":543,"children":544},{"style":252},[545],{"type":73,"value":318},{"type":67,"tag":109,"props":547,"children":548},{"style":132},[549],{"type":73,"value":550}," data",{"type":67,"tag":109,"props":552,"children":553},{"style":122},[554],{"type":73,"value":281},{"type":67,"tag":109,"props":556,"children":557},{"style":258},[558],{"type":73,"value":261},{"type":67,"tag":109,"props":560,"children":561},{"style":132},[562],{"type":73,"value":563},"[] ",{"type":67,"tag":109,"props":565,"children":566},{"style":122},[567],{"type":73,"value":328},{"type":67,"tag":109,"props":569,"children":570},{"style":132},[571],{"type":73,"value":572}," [",{"type":67,"tag":109,"props":574,"children":575},{"style":122},[576],{"type":73,"value":577},"{",{"type":67,"tag":109,"props":579,"children":580},{"style":273},[581],{"type":73,"value":276},{"type":67,"tag":109,"props":583,"children":584},{"style":122},[585],{"type":73,"value":281},{"type":67,"tag":109,"props":587,"children":588},{"style":122},[589],{"type":73,"value":185},{"type":67,"tag":109,"props":591,"children":592},{"style":188},[593],{"type":73,"value":594},"1",{"type":67,"tag":109,"props":596,"children":597},{"style":122},[598],{"type":73,"value":489},{"type":67,"tag":109,"props":600,"children":601},{"style":122},[602],{"type":73,"value":420},{"type":67,"tag":109,"props":604,"children":605},{"style":273},[606],{"type":73,"value":296},{"type":67,"tag":109,"props":608,"children":609},{"style":122},[610],{"type":73,"value":281},{"type":67,"tag":109,"props":612,"children":613},{"style":122},[614],{"type":73,"value":185},{"type":67,"tag":109,"props":616,"children":617},{"style":188},[618],{"type":73,"value":619},"Ada",{"type":67,"tag":109,"props":621,"children":622},{"style":122},[623],{"type":73,"value":489},{"type":67,"tag":109,"props":625,"children":626},{"style":122},[627],{"type":73,"value":218},{"type":67,"tag":109,"props":629,"children":630},{"style":132},[631],{"type":73,"value":632},"]\n",{"type":67,"tag":109,"props":634,"children":636},{"class":111,"line":635},15,[637,641,646,650,655,659],{"type":67,"tag":109,"props":638,"children":639},{"style":252},[640],{"type":73,"value":318},{"type":67,"tag":109,"props":642,"children":643},{"style":132},[644],{"type":73,"value":645}," table ",{"type":67,"tag":109,"props":647,"children":648},{"style":122},[649],{"type":73,"value":328},{"type":67,"tag":109,"props":651,"children":652},{"style":331},[653],{"type":73,"value":654}," constructTable",{"type":67,"tag":109,"props":656,"children":657},{"style":132},[658],{"type":73,"value":339},{"type":67,"tag":109,"props":660,"children":661},{"style":122},[662],{"type":73,"value":344},{"type":67,"tag":109,"props":664,"children":666},{"class":111,"line":665},16,[667,672],{"type":67,"tag":109,"props":668,"children":669},{"style":132},[670],{"type":73,"value":671},"  features",{"type":67,"tag":109,"props":673,"children":674},{"style":122},[675],{"type":73,"value":140},{"type":67,"tag":109,"props":677,"children":679},{"class":111,"line":678},17,[680,685],{"type":67,"tag":109,"props":681,"children":682},{"style":132},[683],{"type":73,"value":684},"  columns",{"type":67,"tag":109,"props":686,"children":687},{"style":122},[688],{"type":73,"value":140},{"type":67,"tag":109,"props":690,"children":692},{"class":111,"line":691},18,[693,698],{"type":67,"tag":109,"props":694,"children":695},{"style":132},[696],{"type":73,"value":697},"  data",{"type":67,"tag":109,"props":699,"children":700},{"style":122},[701],{"type":73,"value":140},{"type":67,"tag":109,"props":703,"children":705},{"class":111,"line":704},19,[706,711,715,720,726,731,736,741,745,750],{"type":67,"tag":109,"props":707,"children":708},{"style":331},[709],{"type":73,"value":710},"  getRowId",{"type":67,"tag":109,"props":712,"children":713},{"style":122},[714],{"type":73,"value":281},{"type":67,"tag":109,"props":716,"children":717},{"style":122},[718],{"type":73,"value":719}," (",{"type":67,"tag":109,"props":721,"children":723},{"style":722},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[724],{"type":73,"value":725},"row",{"type":67,"tag":109,"props":727,"children":728},{"style":122},[729],{"type":73,"value":730},")",{"type":67,"tag":109,"props":732,"children":733},{"style":252},[734],{"type":73,"value":735}," =>",{"type":67,"tag":109,"props":737,"children":738},{"style":132},[739],{"type":73,"value":740}," row",{"type":67,"tag":109,"props":742,"children":743},{"style":122},[744],{"type":73,"value":461},{"type":67,"tag":109,"props":746,"children":747},{"style":132},[748],{"type":73,"value":749},"id",{"type":67,"tag":109,"props":751,"children":752},{"style":122},[753],{"type":73,"value":140},{"type":67,"tag":109,"props":755,"children":757},{"class":111,"line":756},20,[758,762],{"type":67,"tag":109,"props":759,"children":760},{"style":122},[761],{"type":73,"value":175},{"type":67,"tag":109,"props":763,"children":764},{"style":132},[765],{"type":73,"value":383},{"type":67,"tag":109,"props":767,"children":769},{"class":111,"line":768},21,[770],{"type":67,"tag":109,"props":771,"children":772},{"emptyLinePlaceholder":242},[773],{"type":73,"value":245},{"type":67,"tag":109,"props":775,"children":777},{"class":111,"line":776},22,[778,783,787,791,796,801,806,810,815,819,823,828],{"type":67,"tag":109,"props":779,"children":780},{"style":116},[781],{"type":73,"value":782},"for",{"type":67,"tag":109,"props":784,"children":785},{"style":132},[786],{"type":73,"value":719},{"type":67,"tag":109,"props":788,"children":789},{"style":252},[790],{"type":73,"value":318},{"type":67,"tag":109,"props":792,"children":793},{"style":132},[794],{"type":73,"value":795}," row ",{"type":67,"tag":109,"props":797,"children":798},{"style":122},[799],{"type":73,"value":800},"of",{"type":67,"tag":109,"props":802,"children":803},{"style":132},[804],{"type":73,"value":805}," table",{"type":67,"tag":109,"props":807,"children":808},{"style":122},[809],{"type":73,"value":461},{"type":67,"tag":109,"props":811,"children":812},{"style":331},[813],{"type":73,"value":814},"getRowModel",{"type":67,"tag":109,"props":816,"children":817},{"style":132},[818],{"type":73,"value":366},{"type":67,"tag":109,"props":820,"children":821},{"style":122},[822],{"type":73,"value":461},{"type":67,"tag":109,"props":824,"children":825},{"style":132},[826],{"type":73,"value":827},"rows) ",{"type":67,"tag":109,"props":829,"children":830},{"style":122},[831],{"type":73,"value":344},{"type":67,"tag":109,"props":833,"children":835},{"class":111,"line":834},23,[836,841,845,850,854,858,862,867,871,875,880,884,888,893,897,901,906,910,915],{"type":67,"tag":109,"props":837,"children":838},{"style":132},[839],{"type":73,"value":840},"  console",{"type":67,"tag":109,"props":842,"children":843},{"style":122},[844],{"type":73,"value":461},{"type":67,"tag":109,"props":846,"children":847},{"style":331},[848],{"type":73,"value":849},"log",{"type":67,"tag":109,"props":851,"children":852},{"style":273},[853],{"type":73,"value":339},{"type":67,"tag":109,"props":855,"children":856},{"style":132},[857],{"type":73,"value":725},{"type":67,"tag":109,"props":859,"children":860},{"style":122},[861],{"type":73,"value":461},{"type":67,"tag":109,"props":863,"children":864},{"style":331},[865],{"type":73,"value":866},"getAllCells",{"type":67,"tag":109,"props":868,"children":869},{"style":273},[870],{"type":73,"value":366},{"type":67,"tag":109,"props":872,"children":873},{"style":122},[874],{"type":73,"value":461},{"type":67,"tag":109,"props":876,"children":877},{"style":331},[878],{"type":73,"value":879},"map",{"type":67,"tag":109,"props":881,"children":882},{"style":273},[883],{"type":73,"value":339},{"type":67,"tag":109,"props":885,"children":886},{"style":122},[887],{"type":73,"value":339},{"type":67,"tag":109,"props":889,"children":890},{"style":722},[891],{"type":73,"value":892},"cell",{"type":67,"tag":109,"props":894,"children":895},{"style":122},[896],{"type":73,"value":730},{"type":67,"tag":109,"props":898,"children":899},{"style":252},[900],{"type":73,"value":735},{"type":67,"tag":109,"props":902,"children":903},{"style":132},[904],{"type":73,"value":905}," cell",{"type":67,"tag":109,"props":907,"children":908},{"style":122},[909],{"type":73,"value":461},{"type":67,"tag":109,"props":911,"children":912},{"style":331},[913],{"type":73,"value":914},"getValue",{"type":67,"tag":109,"props":916,"children":917},{"style":273},[918],{"type":73,"value":919},"()))\n",{"type":67,"tag":109,"props":921,"children":923},{"class":111,"line":922},24,[924],{"type":67,"tag":109,"props":925,"children":926},{"style":122},[927],{"type":73,"value":928},"}\n",{"type":67,"tag":91,"props":930,"children":932},{"id":931},"core-patterns",[933],{"type":73,"value":934},"Core Patterns",{"type":67,"tag":936,"props":937,"children":939},"h3",{"id":938},"start-with-core-add-only-behavior-used",[940],{"type":73,"value":941},"Start with core, add only behavior used",{"type":67,"tag":98,"props":943,"children":945},{"className":100,"code":944,"language":102,"meta":103,"style":103},"const features = tableFeatures({\n  coreReactivityFeature: storeReactivityBindings(),\n})\n",[946],{"type":67,"tag":82,"props":947,"children":948},{"__ignoreMap":103},[949,976,999],{"type":67,"tag":109,"props":950,"children":951},{"class":111,"line":112},[952,956,960,964,968,972],{"type":67,"tag":109,"props":953,"children":954},{"style":252},[955],{"type":73,"value":318},{"type":67,"tag":109,"props":957,"children":958},{"style":132},[959],{"type":73,"value":323},{"type":67,"tag":109,"props":961,"children":962},{"style":122},[963],{"type":73,"value":328},{"type":67,"tag":109,"props":965,"children":966},{"style":331},[967],{"type":73,"value":334},{"type":67,"tag":109,"props":969,"children":970},{"style":132},[971],{"type":73,"value":339},{"type":67,"tag":109,"props":973,"children":974},{"style":122},[975],{"type":73,"value":344},{"type":67,"tag":109,"props":977,"children":978},{"class":111,"line":128},[979,983,987,991,995],{"type":67,"tag":109,"props":980,"children":981},{"style":273},[982],{"type":73,"value":353},{"type":67,"tag":109,"props":984,"children":985},{"style":122},[986],{"type":73,"value":281},{"type":67,"tag":109,"props":988,"children":989},{"style":331},[990],{"type":73,"value":213},{"type":67,"tag":109,"props":992,"children":993},{"style":132},[994],{"type":73,"value":366},{"type":67,"tag":109,"props":996,"children":997},{"style":122},[998],{"type":73,"value":140},{"type":67,"tag":109,"props":1000,"children":1001},{"class":111,"line":143},[1002,1006],{"type":67,"tag":109,"props":1003,"children":1004},{"style":122},[1005],{"type":73,"value":175},{"type":67,"tag":109,"props":1007,"children":1008},{"style":132},[1009],{"type":73,"value":383},{"type":67,"tag":76,"props":1011,"children":1012},{},[1013],{"type":73,"value":1014},"The core row model is automatic; filtering, sorting, pagination, and other optional behavior require their feature plugins.",{"type":67,"tag":936,"props":1016,"children":1018},{"id":1017},"keep-model-inputs-stable",[1019],{"type":73,"value":1020},"Keep model inputs stable",{"type":67,"tag":98,"props":1022,"children":1024},{"className":100,"code":1023,"language":102,"meta":103,"style":103},"const data: Person[] = [{ id: '1', name: 'Ada' }]\nconst columns = helper.columns([helper.accessor('name', { header: 'Name' })])\n",[1025],{"type":67,"tag":82,"props":1026,"children":1027},{"__ignoreMap":103},[1028,1115],{"type":67,"tag":109,"props":1029,"children":1030},{"class":111,"line":112},[1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107,1111],{"type":67,"tag":109,"props":1032,"children":1033},{"style":252},[1034],{"type":73,"value":318},{"type":67,"tag":109,"props":1036,"children":1037},{"style":132},[1038],{"type":73,"value":550},{"type":67,"tag":109,"props":1040,"children":1041},{"style":122},[1042],{"type":73,"value":281},{"type":67,"tag":109,"props":1044,"children":1045},{"style":258},[1046],{"type":73,"value":261},{"type":67,"tag":109,"props":1048,"children":1049},{"style":132},[1050],{"type":73,"value":563},{"type":67,"tag":109,"props":1052,"children":1053},{"style":122},[1054],{"type":73,"value":328},{"type":67,"tag":109,"props":1056,"children":1057},{"style":132},[1058],{"type":73,"value":572},{"type":67,"tag":109,"props":1060,"children":1061},{"style":122},[1062],{"type":73,"value":577},{"type":67,"tag":109,"props":1064,"children":1065},{"style":273},[1066],{"type":73,"value":276},{"type":67,"tag":109,"props":1068,"children":1069},{"style":122},[1070],{"type":73,"value":281},{"type":67,"tag":109,"props":1072,"children":1073},{"style":122},[1074],{"type":73,"value":185},{"type":67,"tag":109,"props":1076,"children":1077},{"style":188},[1078],{"type":73,"value":594},{"type":67,"tag":109,"props":1080,"children":1081},{"style":122},[1082],{"type":73,"value":489},{"type":67,"tag":109,"props":1084,"children":1085},{"style":122},[1086],{"type":73,"value":420},{"type":67,"tag":109,"props":1088,"children":1089},{"style":273},[1090],{"type":73,"value":296},{"type":67,"tag":109,"props":1092,"children":1093},{"style":122},[1094],{"type":73,"value":281},{"type":67,"tag":109,"props":1096,"children":1097},{"style":122},[1098],{"type":73,"value":185},{"type":67,"tag":109,"props":1100,"children":1101},{"style":188},[1102],{"type":73,"value":619},{"type":67,"tag":109,"props":1104,"children":1105},{"style":122},[1106],{"type":73,"value":489},{"type":67,"tag":109,"props":1108,"children":1109},{"style":122},[1110],{"type":73,"value":218},{"type":67,"tag":109,"props":1112,"children":1113},{"style":132},[1114],{"type":73,"value":632},{"type":67,"tag":109,"props":1116,"children":1117},{"class":111,"line":128},[1118,1122,1126,1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178,1182,1186,1190,1194,1198,1202],{"type":67,"tag":109,"props":1119,"children":1120},{"style":252},[1121],{"type":73,"value":318},{"type":67,"tag":109,"props":1123,"children":1124},{"style":132},[1125],{"type":73,"value":447},{"type":67,"tag":109,"props":1127,"children":1128},{"style":122},[1129],{"type":73,"value":328},{"type":67,"tag":109,"props":1131,"children":1132},{"style":132},[1133],{"type":73,"value":456},{"type":67,"tag":109,"props":1135,"children":1136},{"style":122},[1137],{"type":73,"value":461},{"type":67,"tag":109,"props":1139,"children":1140},{"style":331},[1141],{"type":73,"value":466},{"type":67,"tag":109,"props":1143,"children":1144},{"style":132},[1145],{"type":73,"value":471},{"type":67,"tag":109,"props":1147,"children":1148},{"style":122},[1149],{"type":73,"value":461},{"type":67,"tag":109,"props":1151,"children":1152},{"style":331},[1153],{"type":73,"value":480},{"type":67,"tag":109,"props":1155,"children":1156},{"style":132},[1157],{"type":73,"value":339},{"type":67,"tag":109,"props":1159,"children":1160},{"style":122},[1161],{"type":73,"value":489},{"type":67,"tag":109,"props":1163,"children":1164},{"style":188},[1165],{"type":73,"value":494},{"type":67,"tag":109,"props":1167,"children":1168},{"style":122},[1169],{"type":73,"value":489},{"type":67,"tag":109,"props":1171,"children":1172},{"style":122},[1173],{"type":73,"value":420},{"type":67,"tag":109,"props":1175,"children":1176},{"style":122},[1177],{"type":73,"value":208},{"type":67,"tag":109,"props":1179,"children":1180},{"style":273},[1181],{"type":73,"value":511},{"type":67,"tag":109,"props":1183,"children":1184},{"style":122},[1185],{"type":73,"value":281},{"type":67,"tag":109,"props":1187,"children":1188},{"style":122},[1189],{"type":73,"value":185},{"type":67,"tag":109,"props":1191,"children":1192},{"style":188},[1193],{"type":73,"value":524},{"type":67,"tag":109,"props":1195,"children":1196},{"style":122},[1197],{"type":73,"value":489},{"type":67,"tag":109,"props":1199,"children":1200},{"style":122},[1201],{"type":73,"value":218},{"type":67,"tag":109,"props":1203,"children":1204},{"style":132},[1205],{"type":73,"value":537},{"type":67,"tag":76,"props":1207,"children":1208},{},[1209],{"type":73,"value":1210},"Define static inputs once and preserve query\u002Fstore references when data has not changed.",{"type":67,"tag":936,"props":1212,"children":1214},{"id":1213},"number-rows-in-current-display-order",[1215],{"type":73,"value":1216},"Number rows in current display order",{"type":67,"tag":98,"props":1218,"children":1220},{"className":100,"code":1219,"language":102,"meta":103,"style":103},"const rowNumberColumn = helper.display({\n  id: 'rowNumber',\n  header: '#',\n  cell: ({ row }) => {\n    const displayIndex = row.getDisplayIndex()\n    return displayIndex === -1 ? '' : displayIndex + 1\n  },\n})\n",[1221],{"type":67,"tag":82,"props":1222,"children":1223},{"__ignoreMap":103},[1224,1261,1290,1319,1353,1387,1443,1451],{"type":67,"tag":109,"props":1225,"children":1226},{"class":111,"line":112},[1227,1231,1236,1240,1244,1248,1253,1257],{"type":67,"tag":109,"props":1228,"children":1229},{"style":252},[1230],{"type":73,"value":318},{"type":67,"tag":109,"props":1232,"children":1233},{"style":132},[1234],{"type":73,"value":1235}," rowNumberColumn ",{"type":67,"tag":109,"props":1237,"children":1238},{"style":122},[1239],{"type":73,"value":328},{"type":67,"tag":109,"props":1241,"children":1242},{"style":132},[1243],{"type":73,"value":456},{"type":67,"tag":109,"props":1245,"children":1246},{"style":122},[1247],{"type":73,"value":461},{"type":67,"tag":109,"props":1249,"children":1250},{"style":331},[1251],{"type":73,"value":1252},"display",{"type":67,"tag":109,"props":1254,"children":1255},{"style":132},[1256],{"type":73,"value":339},{"type":67,"tag":109,"props":1258,"children":1259},{"style":122},[1260],{"type":73,"value":344},{"type":67,"tag":109,"props":1262,"children":1263},{"class":111,"line":128},[1264,1269,1273,1277,1282,1286],{"type":67,"tag":109,"props":1265,"children":1266},{"style":273},[1267],{"type":73,"value":1268},"  id",{"type":67,"tag":109,"props":1270,"children":1271},{"style":122},[1272],{"type":73,"value":281},{"type":67,"tag":109,"props":1274,"children":1275},{"style":122},[1276],{"type":73,"value":185},{"type":67,"tag":109,"props":1278,"children":1279},{"style":188},[1280],{"type":73,"value":1281},"rowNumber",{"type":67,"tag":109,"props":1283,"children":1284},{"style":122},[1285],{"type":73,"value":489},{"type":67,"tag":109,"props":1287,"children":1288},{"style":122},[1289],{"type":73,"value":140},{"type":67,"tag":109,"props":1291,"children":1292},{"class":111,"line":143},[1293,1298,1302,1306,1311,1315],{"type":67,"tag":109,"props":1294,"children":1295},{"style":273},[1296],{"type":73,"value":1297},"  header",{"type":67,"tag":109,"props":1299,"children":1300},{"style":122},[1301],{"type":73,"value":281},{"type":67,"tag":109,"props":1303,"children":1304},{"style":122},[1305],{"type":73,"value":185},{"type":67,"tag":109,"props":1307,"children":1308},{"style":188},[1309],{"type":73,"value":1310},"#",{"type":67,"tag":109,"props":1312,"children":1313},{"style":122},[1314],{"type":73,"value":489},{"type":67,"tag":109,"props":1316,"children":1317},{"style":122},[1318],{"type":73,"value":140},{"type":67,"tag":109,"props":1320,"children":1321},{"class":111,"line":156},[1322,1327,1331,1336,1340,1345,1349],{"type":67,"tag":109,"props":1323,"children":1324},{"style":331},[1325],{"type":73,"value":1326},"  cell",{"type":67,"tag":109,"props":1328,"children":1329},{"style":122},[1330],{"type":73,"value":281},{"type":67,"tag":109,"props":1332,"children":1333},{"style":122},[1334],{"type":73,"value":1335}," ({",{"type":67,"tag":109,"props":1337,"children":1338},{"style":722},[1339],{"type":73,"value":740},{"type":67,"tag":109,"props":1341,"children":1342},{"style":122},[1343],{"type":73,"value":1344}," })",{"type":67,"tag":109,"props":1346,"children":1347},{"style":252},[1348],{"type":73,"value":735},{"type":67,"tag":109,"props":1350,"children":1351},{"style":122},[1352],{"type":73,"value":125},{"type":67,"tag":109,"props":1354,"children":1355},{"class":111,"line":169},[1356,1361,1366,1370,1374,1378,1383],{"type":67,"tag":109,"props":1357,"children":1358},{"style":252},[1359],{"type":73,"value":1360},"    const",{"type":67,"tag":109,"props":1362,"children":1363},{"style":132},[1364],{"type":73,"value":1365}," displayIndex",{"type":67,"tag":109,"props":1367,"children":1368},{"style":122},[1369],{"type":73,"value":266},{"type":67,"tag":109,"props":1371,"children":1372},{"style":132},[1373],{"type":73,"value":740},{"type":67,"tag":109,"props":1375,"children":1376},{"style":122},[1377],{"type":73,"value":461},{"type":67,"tag":109,"props":1379,"children":1380},{"style":331},[1381],{"type":73,"value":1382},"getDisplayIndex",{"type":67,"tag":109,"props":1384,"children":1385},{"style":273},[1386],{"type":73,"value":434},{"type":67,"tag":109,"props":1388,"children":1389},{"class":111,"line":198},[1390,1395,1399,1404,1409,1414,1419,1424,1429,1433,1438],{"type":67,"tag":109,"props":1391,"children":1392},{"style":116},[1393],{"type":73,"value":1394},"    return",{"type":67,"tag":109,"props":1396,"children":1397},{"style":132},[1398],{"type":73,"value":1365},{"type":67,"tag":109,"props":1400,"children":1401},{"style":122},[1402],{"type":73,"value":1403}," ===",{"type":67,"tag":109,"props":1405,"children":1406},{"style":122},[1407],{"type":73,"value":1408}," -",{"type":67,"tag":109,"props":1410,"children":1412},{"style":1411},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1413],{"type":73,"value":594},{"type":67,"tag":109,"props":1415,"children":1416},{"style":122},[1417],{"type":73,"value":1418}," ?",{"type":67,"tag":109,"props":1420,"children":1421},{"style":122},[1422],{"type":73,"value":1423}," ''",{"type":67,"tag":109,"props":1425,"children":1426},{"style":122},[1427],{"type":73,"value":1428}," :",{"type":67,"tag":109,"props":1430,"children":1431},{"style":132},[1432],{"type":73,"value":1365},{"type":67,"tag":109,"props":1434,"children":1435},{"style":122},[1436],{"type":73,"value":1437}," +",{"type":67,"tag":109,"props":1439,"children":1440},{"style":1411},[1441],{"type":73,"value":1442}," 1\n",{"type":67,"tag":109,"props":1444,"children":1445},{"class":111,"line":238},[1446],{"type":67,"tag":109,"props":1447,"children":1448},{"style":122},[1449],{"type":73,"value":1450},"  },\n",{"type":67,"tag":109,"props":1452,"children":1453},{"class":111,"line":248},[1454,1458],{"type":67,"tag":109,"props":1455,"children":1456},{"style":122},[1457],{"type":73,"value":175},{"type":67,"tag":109,"props":1459,"children":1460},{"style":132},[1461],{"type":73,"value":383},{"type":67,"tag":76,"props":1463,"children":1464},{},[1465,1471,1473,1479],{"type":67,"tag":82,"props":1466,"children":1468},{"className":1467},[],[1469],{"type":73,"value":1470},"row.getDisplayIndex()",{"type":73,"value":1472}," follows the current filtering, grouping, sorting, and expansion order before pagination. ",{"type":67,"tag":82,"props":1474,"children":1476},{"className":1475},[],[1477],{"type":73,"value":1478},"row.index",{"type":73,"value":1480}," remains the row's creation-time position within its parent array.",{"type":67,"tag":91,"props":1482,"children":1484},{"id":1483},"common-mistakes",[1485],{"type":73,"value":1486},"Common Mistakes",{"type":67,"tag":936,"props":1488,"children":1490},{"id":1489},"high-expecting-table-to-render-a-grid",[1491,1496],{"type":67,"tag":109,"props":1492,"children":1493},{},[1494],{"type":73,"value":1495},"HIGH",{"type":73,"value":1497}," Expecting Table to render a grid",{"type":67,"tag":76,"props":1499,"children":1500},{},[1501],{"type":73,"value":1502},"Wrong:",{"type":67,"tag":98,"props":1504,"children":1506},{"className":100,"code":1505,"language":102,"meta":103,"style":103},"document.body.append(table as unknown as Node)\n",[1507],{"type":67,"tag":82,"props":1508,"children":1509},{"__ignoreMap":103},[1510],{"type":67,"tag":109,"props":1511,"children":1512},{"class":111,"line":112},[1513,1518,1522,1527,1531,1536,1541,1546,1551,1556,1561],{"type":67,"tag":109,"props":1514,"children":1515},{"style":132},[1516],{"type":73,"value":1517},"document",{"type":67,"tag":109,"props":1519,"children":1520},{"style":122},[1521],{"type":73,"value":461},{"type":67,"tag":109,"props":1523,"children":1524},{"style":132},[1525],{"type":73,"value":1526},"body",{"type":67,"tag":109,"props":1528,"children":1529},{"style":122},[1530],{"type":73,"value":461},{"type":67,"tag":109,"props":1532,"children":1533},{"style":331},[1534],{"type":73,"value":1535},"append",{"type":67,"tag":109,"props":1537,"children":1538},{"style":132},[1539],{"type":73,"value":1540},"(table ",{"type":67,"tag":109,"props":1542,"children":1543},{"style":116},[1544],{"type":73,"value":1545},"as",{"type":67,"tag":109,"props":1547,"children":1548},{"style":258},[1549],{"type":73,"value":1550}," unknown",{"type":67,"tag":109,"props":1552,"children":1553},{"style":116},[1554],{"type":73,"value":1555}," as",{"type":67,"tag":109,"props":1557,"children":1558},{"style":258},[1559],{"type":73,"value":1560}," Node",{"type":67,"tag":109,"props":1562,"children":1563},{"style":132},[1564],{"type":73,"value":383},{"type":67,"tag":76,"props":1566,"children":1567},{},[1568],{"type":73,"value":1569},"Correct:",{"type":67,"tag":98,"props":1571,"children":1573},{"className":100,"code":1572,"language":102,"meta":103,"style":103},"const names = table\n  .getRowModel()\n  .rows.map((row) => row.getValue\u003Cstring>('name'))\ndocument.body.textContent = names.join(', ')\n",[1574],{"type":67,"tag":82,"props":1575,"children":1576},{"__ignoreMap":103},[1577,1598,1614,1701],{"type":67,"tag":109,"props":1578,"children":1579},{"class":111,"line":112},[1580,1584,1589,1593],{"type":67,"tag":109,"props":1581,"children":1582},{"style":252},[1583],{"type":73,"value":318},{"type":67,"tag":109,"props":1585,"children":1586},{"style":132},[1587],{"type":73,"value":1588}," names ",{"type":67,"tag":109,"props":1590,"children":1591},{"style":122},[1592],{"type":73,"value":328},{"type":67,"tag":109,"props":1594,"children":1595},{"style":132},[1596],{"type":73,"value":1597}," table\n",{"type":67,"tag":109,"props":1599,"children":1600},{"class":111,"line":128},[1601,1606,1610],{"type":67,"tag":109,"props":1602,"children":1603},{"style":122},[1604],{"type":73,"value":1605},"  .",{"type":67,"tag":109,"props":1607,"children":1608},{"style":331},[1609],{"type":73,"value":814},{"type":67,"tag":109,"props":1611,"children":1612},{"style":132},[1613],{"type":73,"value":434},{"type":67,"tag":109,"props":1615,"children":1616},{"class":111,"line":143},[1617,1621,1626,1630,1634,1638,1642,1646,1650,1654,1658,1662,1666,1671,1676,1680,1684,1688,1692,1696],{"type":67,"tag":109,"props":1618,"children":1619},{"style":122},[1620],{"type":73,"value":1605},{"type":67,"tag":109,"props":1622,"children":1623},{"style":132},[1624],{"type":73,"value":1625},"rows",{"type":67,"tag":109,"props":1627,"children":1628},{"style":122},[1629],{"type":73,"value":461},{"type":67,"tag":109,"props":1631,"children":1632},{"style":331},[1633],{"type":73,"value":879},{"type":67,"tag":109,"props":1635,"children":1636},{"style":132},[1637],{"type":73,"value":339},{"type":67,"tag":109,"props":1639,"children":1640},{"style":122},[1641],{"type":73,"value":339},{"type":67,"tag":109,"props":1643,"children":1644},{"style":722},[1645],{"type":73,"value":725},{"type":67,"tag":109,"props":1647,"children":1648},{"style":122},[1649],{"type":73,"value":730},{"type":67,"tag":109,"props":1651,"children":1652},{"style":252},[1653],{"type":73,"value":735},{"type":67,"tag":109,"props":1655,"children":1656},{"style":132},[1657],{"type":73,"value":740},{"type":67,"tag":109,"props":1659,"children":1660},{"style":122},[1661],{"type":73,"value":461},{"type":67,"tag":109,"props":1663,"children":1664},{"style":331},[1665],{"type":73,"value":914},{"type":67,"tag":109,"props":1667,"children":1668},{"style":122},[1669],{"type":73,"value":1670},"\u003C",{"type":67,"tag":109,"props":1672,"children":1673},{"style":258},[1674],{"type":73,"value":1675},"string",{"type":67,"tag":109,"props":1677,"children":1678},{"style":122},[1679],{"type":73,"value":429},{"type":67,"tag":109,"props":1681,"children":1682},{"style":132},[1683],{"type":73,"value":339},{"type":67,"tag":109,"props":1685,"children":1686},{"style":122},[1687],{"type":73,"value":489},{"type":67,"tag":109,"props":1689,"children":1690},{"style":188},[1691],{"type":73,"value":494},{"type":67,"tag":109,"props":1693,"children":1694},{"style":122},[1695],{"type":73,"value":489},{"type":67,"tag":109,"props":1697,"children":1698},{"style":132},[1699],{"type":73,"value":1700},"))\n",{"type":67,"tag":109,"props":1702,"children":1703},{"class":111,"line":156},[1704,1708,1712,1716,1720,1725,1729,1734,1738,1743,1747,1751,1756,1760],{"type":67,"tag":109,"props":1705,"children":1706},{"style":132},[1707],{"type":73,"value":1517},{"type":67,"tag":109,"props":1709,"children":1710},{"style":122},[1711],{"type":73,"value":461},{"type":67,"tag":109,"props":1713,"children":1714},{"style":132},[1715],{"type":73,"value":1526},{"type":67,"tag":109,"props":1717,"children":1718},{"style":122},[1719],{"type":73,"value":461},{"type":67,"tag":109,"props":1721,"children":1722},{"style":132},[1723],{"type":73,"value":1724},"textContent ",{"type":67,"tag":109,"props":1726,"children":1727},{"style":122},[1728],{"type":73,"value":328},{"type":67,"tag":109,"props":1730,"children":1731},{"style":132},[1732],{"type":73,"value":1733}," names",{"type":67,"tag":109,"props":1735,"children":1736},{"style":122},[1737],{"type":73,"value":461},{"type":67,"tag":109,"props":1739,"children":1740},{"style":331},[1741],{"type":73,"value":1742},"join",{"type":67,"tag":109,"props":1744,"children":1745},{"style":132},[1746],{"type":73,"value":339},{"type":67,"tag":109,"props":1748,"children":1749},{"style":122},[1750],{"type":73,"value":489},{"type":67,"tag":109,"props":1752,"children":1753},{"style":188},[1754],{"type":73,"value":1755},", ",{"type":67,"tag":109,"props":1757,"children":1758},{"style":122},[1759],{"type":73,"value":489},{"type":67,"tag":109,"props":1761,"children":1762},{"style":132},[1763],{"type":73,"value":383},{"type":67,"tag":76,"props":1765,"children":1766},{},[1767],{"type":73,"value":1768},"The table instance is a model; markup, CSS, semantics, and accessibility are renderer responsibilities.",{"type":67,"tag":76,"props":1770,"children":1771},{},[1772,1774],{"type":73,"value":1773},"Source: ",{"type":67,"tag":82,"props":1775,"children":1777},{"className":1776},[],[1778],{"type":73,"value":1779},"docs\u002Foverview.md",{"type":67,"tag":936,"props":1781,"children":1783},{"id":1782},"high-recreating-model-inputs-repeatedly",[1784,1788],{"type":67,"tag":109,"props":1785,"children":1786},{},[1787],{"type":73,"value":1495},{"type":73,"value":1789}," Recreating model inputs repeatedly",{"type":67,"tag":76,"props":1791,"children":1792},{},[1793],{"type":73,"value":1502},{"type":67,"tag":98,"props":1795,"children":1797},{"className":100,"code":1796,"language":102,"meta":103,"style":103},"const options = () => ({\n  data: source.map((item) => item),\n  columns: helper.columns([]),\n})\n",[1798],{"type":67,"tag":82,"props":1799,"children":1800},{"__ignoreMap":103},[1801,1834,1888,1920],{"type":67,"tag":109,"props":1802,"children":1803},{"class":111,"line":112},[1804,1808,1813,1817,1822,1826,1830],{"type":67,"tag":109,"props":1805,"children":1806},{"style":252},[1807],{"type":73,"value":318},{"type":67,"tag":109,"props":1809,"children":1810},{"style":132},[1811],{"type":73,"value":1812}," options ",{"type":67,"tag":109,"props":1814,"children":1815},{"style":122},[1816],{"type":73,"value":328},{"type":67,"tag":109,"props":1818,"children":1819},{"style":122},[1820],{"type":73,"value":1821}," ()",{"type":67,"tag":109,"props":1823,"children":1824},{"style":252},[1825],{"type":73,"value":735},{"type":67,"tag":109,"props":1827,"children":1828},{"style":132},[1829],{"type":73,"value":719},{"type":67,"tag":109,"props":1831,"children":1832},{"style":122},[1833],{"type":73,"value":344},{"type":67,"tag":109,"props":1835,"children":1836},{"class":111,"line":128},[1837,1841,1845,1850,1854,1858,1862,1866,1871,1875,1879,1884],{"type":67,"tag":109,"props":1838,"children":1839},{"style":273},[1840],{"type":73,"value":697},{"type":67,"tag":109,"props":1842,"children":1843},{"style":122},[1844],{"type":73,"value":281},{"type":67,"tag":109,"props":1846,"children":1847},{"style":132},[1848],{"type":73,"value":1849}," source",{"type":67,"tag":109,"props":1851,"children":1852},{"style":122},[1853],{"type":73,"value":461},{"type":67,"tag":109,"props":1855,"children":1856},{"style":331},[1857],{"type":73,"value":879},{"type":67,"tag":109,"props":1859,"children":1860},{"style":132},[1861],{"type":73,"value":339},{"type":67,"tag":109,"props":1863,"children":1864},{"style":122},[1865],{"type":73,"value":339},{"type":67,"tag":109,"props":1867,"children":1868},{"style":722},[1869],{"type":73,"value":1870},"item",{"type":67,"tag":109,"props":1872,"children":1873},{"style":122},[1874],{"type":73,"value":730},{"type":67,"tag":109,"props":1876,"children":1877},{"style":252},[1878],{"type":73,"value":735},{"type":67,"tag":109,"props":1880,"children":1881},{"style":132},[1882],{"type":73,"value":1883}," item)",{"type":67,"tag":109,"props":1885,"children":1886},{"style":122},[1887],{"type":73,"value":140},{"type":67,"tag":109,"props":1889,"children":1890},{"class":111,"line":143},[1891,1895,1899,1903,1907,1911,1916],{"type":67,"tag":109,"props":1892,"children":1893},{"style":273},[1894],{"type":73,"value":684},{"type":67,"tag":109,"props":1896,"children":1897},{"style":122},[1898],{"type":73,"value":281},{"type":67,"tag":109,"props":1900,"children":1901},{"style":132},[1902],{"type":73,"value":456},{"type":67,"tag":109,"props":1904,"children":1905},{"style":122},[1906],{"type":73,"value":461},{"type":67,"tag":109,"props":1908,"children":1909},{"style":331},[1910],{"type":73,"value":466},{"type":67,"tag":109,"props":1912,"children":1913},{"style":132},[1914],{"type":73,"value":1915},"([])",{"type":67,"tag":109,"props":1917,"children":1918},{"style":122},[1919],{"type":73,"value":140},{"type":67,"tag":109,"props":1921,"children":1922},{"class":111,"line":156},[1923,1927],{"type":67,"tag":109,"props":1924,"children":1925},{"style":122},[1926],{"type":73,"value":175},{"type":67,"tag":109,"props":1928,"children":1929},{"style":132},[1930],{"type":73,"value":383},{"type":67,"tag":76,"props":1932,"children":1933},{},[1934],{"type":73,"value":1569},{"type":67,"tag":98,"props":1936,"children":1938},{"className":100,"code":1937,"language":102,"meta":103,"style":103},"const data = source.map((item) => item)\nconst columns = helper.columns([])\nconst options = () => ({ data, columns })\n",[1939],{"type":67,"tag":82,"props":1940,"children":1941},{"__ignoreMap":103},[1942,1995,2027],{"type":67,"tag":109,"props":1943,"children":1944},{"class":111,"line":112},[1945,1949,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990],{"type":67,"tag":109,"props":1946,"children":1947},{"style":252},[1948],{"type":73,"value":318},{"type":67,"tag":109,"props":1950,"children":1951},{"style":132},[1952],{"type":73,"value":1953}," data ",{"type":67,"tag":109,"props":1955,"children":1956},{"style":122},[1957],{"type":73,"value":328},{"type":67,"tag":109,"props":1959,"children":1960},{"style":132},[1961],{"type":73,"value":1849},{"type":67,"tag":109,"props":1963,"children":1964},{"style":122},[1965],{"type":73,"value":461},{"type":67,"tag":109,"props":1967,"children":1968},{"style":331},[1969],{"type":73,"value":879},{"type":67,"tag":109,"props":1971,"children":1972},{"style":132},[1973],{"type":73,"value":339},{"type":67,"tag":109,"props":1975,"children":1976},{"style":122},[1977],{"type":73,"value":339},{"type":67,"tag":109,"props":1979,"children":1980},{"style":722},[1981],{"type":73,"value":1870},{"type":67,"tag":109,"props":1983,"children":1984},{"style":122},[1985],{"type":73,"value":730},{"type":67,"tag":109,"props":1987,"children":1988},{"style":252},[1989],{"type":73,"value":735},{"type":67,"tag":109,"props":1991,"children":1992},{"style":132},[1993],{"type":73,"value":1994}," item)\n",{"type":67,"tag":109,"props":1996,"children":1997},{"class":111,"line":128},[1998,2002,2006,2010,2014,2018,2022],{"type":67,"tag":109,"props":1999,"children":2000},{"style":252},[2001],{"type":73,"value":318},{"type":67,"tag":109,"props":2003,"children":2004},{"style":132},[2005],{"type":73,"value":447},{"type":67,"tag":109,"props":2007,"children":2008},{"style":122},[2009],{"type":73,"value":328},{"type":67,"tag":109,"props":2011,"children":2012},{"style":132},[2013],{"type":73,"value":456},{"type":67,"tag":109,"props":2015,"children":2016},{"style":122},[2017],{"type":73,"value":461},{"type":67,"tag":109,"props":2019,"children":2020},{"style":331},[2021],{"type":73,"value":466},{"type":67,"tag":109,"props":2023,"children":2024},{"style":132},[2025],{"type":73,"value":2026},"([])\n",{"type":67,"tag":109,"props":2028,"children":2029},{"class":111,"line":143},[2030,2034,2038,2042,2046,2050,2054,2058,2062,2066,2070,2074],{"type":67,"tag":109,"props":2031,"children":2032},{"style":252},[2033],{"type":73,"value":318},{"type":67,"tag":109,"props":2035,"children":2036},{"style":132},[2037],{"type":73,"value":1812},{"type":67,"tag":109,"props":2039,"children":2040},{"style":122},[2041],{"type":73,"value":328},{"type":67,"tag":109,"props":2043,"children":2044},{"style":122},[2045],{"type":73,"value":1821},{"type":67,"tag":109,"props":2047,"children":2048},{"style":252},[2049],{"type":73,"value":735},{"type":67,"tag":109,"props":2051,"children":2052},{"style":132},[2053],{"type":73,"value":719},{"type":67,"tag":109,"props":2055,"children":2056},{"style":122},[2057],{"type":73,"value":577},{"type":67,"tag":109,"props":2059,"children":2060},{"style":132},[2061],{"type":73,"value":550},{"type":67,"tag":109,"props":2063,"children":2064},{"style":122},[2065],{"type":73,"value":420},{"type":67,"tag":109,"props":2067,"children":2068},{"style":132},[2069],{"type":73,"value":447},{"type":67,"tag":109,"props":2071,"children":2072},{"style":122},[2073],{"type":73,"value":175},{"type":67,"tag":109,"props":2075,"children":2076},{"style":132},[2077],{"type":73,"value":383},{"type":67,"tag":76,"props":2079,"children":2080},{},[2081],{"type":73,"value":2082},"New references invalidate memoized row and column work and can create adapter render loops.",{"type":67,"tag":76,"props":2084,"children":2085},{},[2086,2087],{"type":73,"value":1773},{"type":67,"tag":82,"props":2088,"children":2090},{"className":2089},[],[2091],{"type":73,"value":2092},"docs\u002Fguide\u002Fdata.md",{"type":67,"tag":936,"props":2094,"children":2096},{"id":2095},"high-detaching-prototype-bound-methods",[2097,2101],{"type":67,"tag":109,"props":2098,"children":2099},{},[2100],{"type":73,"value":1495},{"type":73,"value":2102}," Detaching prototype-bound methods",{"type":67,"tag":76,"props":2104,"children":2105},{},[2106],{"type":73,"value":1502},{"type":67,"tag":98,"props":2108,"children":2110},{"className":100,"code":2109,"language":102,"meta":103,"style":103},"const { getValue } = table.getRowModel().rows[0]!\ngetValue('name')\n",[2111],{"type":67,"tag":82,"props":2112,"children":2113},{"__ignoreMap":103},[2114,2178],{"type":67,"tag":109,"props":2115,"children":2116},{"class":111,"line":112},[2117,2121,2125,2130,2134,2138,2142,2146,2150,2154,2158,2163,2168,2173],{"type":67,"tag":109,"props":2118,"children":2119},{"style":252},[2120],{"type":73,"value":318},{"type":67,"tag":109,"props":2122,"children":2123},{"style":122},[2124],{"type":73,"value":208},{"type":67,"tag":109,"props":2126,"children":2127},{"style":132},[2128],{"type":73,"value":2129}," getValue ",{"type":67,"tag":109,"props":2131,"children":2132},{"style":122},[2133],{"type":73,"value":175},{"type":67,"tag":109,"props":2135,"children":2136},{"style":122},[2137],{"type":73,"value":266},{"type":67,"tag":109,"props":2139,"children":2140},{"style":132},[2141],{"type":73,"value":805},{"type":67,"tag":109,"props":2143,"children":2144},{"style":122},[2145],{"type":73,"value":461},{"type":67,"tag":109,"props":2147,"children":2148},{"style":331},[2149],{"type":73,"value":814},{"type":67,"tag":109,"props":2151,"children":2152},{"style":132},[2153],{"type":73,"value":366},{"type":67,"tag":109,"props":2155,"children":2156},{"style":122},[2157],{"type":73,"value":461},{"type":67,"tag":109,"props":2159,"children":2160},{"style":132},[2161],{"type":73,"value":2162},"rows[",{"type":67,"tag":109,"props":2164,"children":2165},{"style":1411},[2166],{"type":73,"value":2167},"0",{"type":67,"tag":109,"props":2169,"children":2170},{"style":132},[2171],{"type":73,"value":2172},"]",{"type":67,"tag":109,"props":2174,"children":2175},{"style":122},[2176],{"type":73,"value":2177},"!\n",{"type":67,"tag":109,"props":2179,"children":2180},{"class":111,"line":128},[2181,2185,2189,2193,2197,2201],{"type":67,"tag":109,"props":2182,"children":2183},{"style":331},[2184],{"type":73,"value":914},{"type":67,"tag":109,"props":2186,"children":2187},{"style":132},[2188],{"type":73,"value":339},{"type":67,"tag":109,"props":2190,"children":2191},{"style":122},[2192],{"type":73,"value":489},{"type":67,"tag":109,"props":2194,"children":2195},{"style":188},[2196],{"type":73,"value":494},{"type":67,"tag":109,"props":2198,"children":2199},{"style":122},[2200],{"type":73,"value":489},{"type":67,"tag":109,"props":2202,"children":2203},{"style":132},[2204],{"type":73,"value":383},{"type":67,"tag":76,"props":2206,"children":2207},{},[2208],{"type":73,"value":1569},{"type":67,"tag":98,"props":2210,"children":2212},{"className":100,"code":2211,"language":102,"meta":103,"style":103},"const row = table.getRowModel().rows[0]!\nrow.getValue('name')\n",[2213],{"type":67,"tag":82,"props":2214,"children":2215},{"__ignoreMap":103},[2216,2267],{"type":67,"tag":109,"props":2217,"children":2218},{"class":111,"line":112},[2219,2223,2227,2231,2235,2239,2243,2247,2251,2255,2259,2263],{"type":67,"tag":109,"props":2220,"children":2221},{"style":252},[2222],{"type":73,"value":318},{"type":67,"tag":109,"props":2224,"children":2225},{"style":132},[2226],{"type":73,"value":795},{"type":67,"tag":109,"props":2228,"children":2229},{"style":122},[2230],{"type":73,"value":328},{"type":67,"tag":109,"props":2232,"children":2233},{"style":132},[2234],{"type":73,"value":805},{"type":67,"tag":109,"props":2236,"children":2237},{"style":122},[2238],{"type":73,"value":461},{"type":67,"tag":109,"props":2240,"children":2241},{"style":331},[2242],{"type":73,"value":814},{"type":67,"tag":109,"props":2244,"children":2245},{"style":132},[2246],{"type":73,"value":366},{"type":67,"tag":109,"props":2248,"children":2249},{"style":122},[2250],{"type":73,"value":461},{"type":67,"tag":109,"props":2252,"children":2253},{"style":132},[2254],{"type":73,"value":2162},{"type":67,"tag":109,"props":2256,"children":2257},{"style":1411},[2258],{"type":73,"value":2167},{"type":67,"tag":109,"props":2260,"children":2261},{"style":132},[2262],{"type":73,"value":2172},{"type":67,"tag":109,"props":2264,"children":2265},{"style":122},[2266],{"type":73,"value":2177},{"type":67,"tag":109,"props":2268,"children":2269},{"class":111,"line":128},[2270,2274,2278,2282,2286,2290,2294,2298],{"type":67,"tag":109,"props":2271,"children":2272},{"style":132},[2273],{"type":73,"value":725},{"type":67,"tag":109,"props":2275,"children":2276},{"style":122},[2277],{"type":73,"value":461},{"type":67,"tag":109,"props":2279,"children":2280},{"style":331},[2281],{"type":73,"value":914},{"type":67,"tag":109,"props":2283,"children":2284},{"style":132},[2285],{"type":73,"value":339},{"type":67,"tag":109,"props":2287,"children":2288},{"style":122},[2289],{"type":73,"value":489},{"type":67,"tag":109,"props":2291,"children":2292},{"style":188},[2293],{"type":73,"value":494},{"type":67,"tag":109,"props":2295,"children":2296},{"style":122},[2297],{"type":73,"value":489},{"type":67,"tag":109,"props":2299,"children":2300},{"style":132},[2301],{"type":73,"value":383},{"type":67,"tag":76,"props":2303,"children":2304},{},[2305,2307,2313],{"type":73,"value":2306},"V9 row, cell, column, and header methods use their instance as ",{"type":67,"tag":82,"props":2308,"children":2310},{"className":2309},[],[2311],{"type":73,"value":2312},"this",{"type":73,"value":461},{"type":67,"tag":76,"props":2315,"children":2316},{},[2317,2318],{"type":73,"value":1773},{"type":67,"tag":82,"props":2319,"children":2321},{"className":2320},[],[2322],{"type":73,"value":2323},"docs\u002Fframework\u002Freact\u002Fguide\u002Fmigrating.md#instance-methods-must-be-called-on-their-instance",{"type":67,"tag":936,"props":2325,"children":2327},{"id":2326},"high-reading-the-display-index-cache-directly",[2328,2332],{"type":67,"tag":109,"props":2329,"children":2330},{},[2331],{"type":73,"value":1495},{"type":73,"value":2333}," Reading the display-index cache directly",{"type":67,"tag":76,"props":2335,"children":2336},{},[2337],{"type":73,"value":1502},{"type":67,"tag":98,"props":2339,"children":2341},{"className":100,"code":2340,"language":102,"meta":103,"style":103},"const rowNumber = row._displayIndexCache + 1\n",[2342],{"type":67,"tag":82,"props":2343,"children":2344},{"__ignoreMap":103},[2345],{"type":67,"tag":109,"props":2346,"children":2347},{"class":111,"line":112},[2348,2352,2357,2361,2365,2369,2374,2379],{"type":67,"tag":109,"props":2349,"children":2350},{"style":252},[2351],{"type":73,"value":318},{"type":67,"tag":109,"props":2353,"children":2354},{"style":132},[2355],{"type":73,"value":2356}," rowNumber ",{"type":67,"tag":109,"props":2358,"children":2359},{"style":122},[2360],{"type":73,"value":328},{"type":67,"tag":109,"props":2362,"children":2363},{"style":132},[2364],{"type":73,"value":740},{"type":67,"tag":109,"props":2366,"children":2367},{"style":122},[2368],{"type":73,"value":461},{"type":67,"tag":109,"props":2370,"children":2371},{"style":132},[2372],{"type":73,"value":2373},"_displayIndexCache ",{"type":67,"tag":109,"props":2375,"children":2376},{"style":122},[2377],{"type":73,"value":2378},"+",{"type":67,"tag":109,"props":2380,"children":2381},{"style":1411},[2382],{"type":73,"value":1442},{"type":67,"tag":76,"props":2384,"children":2385},{},[2386],{"type":73,"value":1569},{"type":67,"tag":98,"props":2388,"children":2390},{"className":100,"code":2389,"language":102,"meta":103,"style":103},"const displayIndex = row.getDisplayIndex()\nconst rowNumber = displayIndex === -1 ? undefined : displayIndex + 1\n",[2391],{"type":67,"tag":82,"props":2392,"children":2393},{"__ignoreMap":103},[2394,2426],{"type":67,"tag":109,"props":2395,"children":2396},{"class":111,"line":112},[2397,2401,2406,2410,2414,2418,2422],{"type":67,"tag":109,"props":2398,"children":2399},{"style":252},[2400],{"type":73,"value":318},{"type":67,"tag":109,"props":2402,"children":2403},{"style":132},[2404],{"type":73,"value":2405}," displayIndex ",{"type":67,"tag":109,"props":2407,"children":2408},{"style":122},[2409],{"type":73,"value":328},{"type":67,"tag":109,"props":2411,"children":2412},{"style":132},[2413],{"type":73,"value":740},{"type":67,"tag":109,"props":2415,"children":2416},{"style":122},[2417],{"type":73,"value":461},{"type":67,"tag":109,"props":2419,"children":2420},{"style":331},[2421],{"type":73,"value":1382},{"type":67,"tag":109,"props":2423,"children":2424},{"style":132},[2425],{"type":73,"value":434},{"type":67,"tag":109,"props":2427,"children":2428},{"class":111,"line":128},[2429,2433,2437,2441,2445,2450,2454,2458,2462,2467,2471,2475,2479],{"type":67,"tag":109,"props":2430,"children":2431},{"style":252},[2432],{"type":73,"value":318},{"type":67,"tag":109,"props":2434,"children":2435},{"style":132},[2436],{"type":73,"value":2356},{"type":67,"tag":109,"props":2438,"children":2439},{"style":122},[2440],{"type":73,"value":328},{"type":67,"tag":109,"props":2442,"children":2443},{"style":132},[2444],{"type":73,"value":2405},{"type":67,"tag":109,"props":2446,"children":2447},{"style":122},[2448],{"type":73,"value":2449},"===",{"type":67,"tag":109,"props":2451,"children":2452},{"style":122},[2453],{"type":73,"value":1408},{"type":67,"tag":109,"props":2455,"children":2456},{"style":1411},[2457],{"type":73,"value":594},{"type":67,"tag":109,"props":2459,"children":2460},{"style":122},[2461],{"type":73,"value":1418},{"type":67,"tag":109,"props":2463,"children":2464},{"style":122},[2465],{"type":73,"value":2466}," undefined",{"type":67,"tag":109,"props":2468,"children":2469},{"style":122},[2470],{"type":73,"value":1428},{"type":67,"tag":109,"props":2472,"children":2473},{"style":132},[2474],{"type":73,"value":2405},{"type":67,"tag":109,"props":2476,"children":2477},{"style":122},[2478],{"type":73,"value":2378},{"type":67,"tag":109,"props":2480,"children":2481},{"style":1411},[2482],{"type":73,"value":1442},{"type":67,"tag":76,"props":2484,"children":2485},{},[2486,2492,2494,2500],{"type":67,"tag":82,"props":2487,"children":2489},{"className":2488},[],[2490],{"type":73,"value":2491},"_displayIndexCache",{"type":73,"value":2493}," is internal and may be stale until display order is recomputed. The public method refreshes display order, validates that the cached slot still contains the row, and returns ",{"type":67,"tag":82,"props":2495,"children":2497},{"className":2496},[],[2498],{"type":73,"value":2499},"-1",{"type":73,"value":2501}," when it does not.",{"type":67,"tag":76,"props":2503,"children":2504},{},[2505,2506,2512,2513],{"type":73,"value":1773},{"type":67,"tag":82,"props":2507,"children":2509},{"className":2508},[],[2510],{"type":73,"value":2511},"docs\u002Fguide\u002Frows.md#row-numbers-and-display-indexes",{"type":73,"value":1755},{"type":67,"tag":82,"props":2514,"children":2516},{"className":2515},[],[2517],{"type":73,"value":2518},"packages\u002Ftable-core\u002Fsrc\u002Fcore\u002Frows\u002FcoreRowsFeature.utils.ts",{"type":67,"tag":91,"props":2520,"children":2522},{"id":2521},"api-discovery",[2523],{"type":73,"value":2524},"API Discovery",{"type":67,"tag":76,"props":2526,"children":2527},{},[2528,2530,2536,2538,2544],{"type":73,"value":2529},"Inspect ",{"type":67,"tag":82,"props":2531,"children":2533},{"className":2532},[],[2534],{"type":73,"value":2535},"node_modules\u002F@tanstack\u002Ftable-core\u002Fdist\u002Findex.d.ts",{"type":73,"value":2537},", then follow the exported implementation. For UI creation and rendering, inspect ",{"type":67,"tag":82,"props":2539,"children":2541},{"className":2540},[],[2542],{"type":73,"value":2543},"node_modules\u002F@tanstack\u002F\u003Cframework>-table\u002Fdist\u002Findex.d.ts",{"type":73,"value":2545}," and load that adapter's getting-started skill.",{"type":67,"tag":2547,"props":2548,"children":2549},"style",{},[2550],{"type":73,"value":2551},"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":2553,"total":2683},[2554,2564,2576,2586,2601,2613,2623,2633,2646,2656,2667,2677],{"slug":2555,"name":2555,"fn":2556,"description":2557,"org":2558,"tags":2559,"stars":22,"repoUrl":23,"updatedAt":2563},"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},[2560,2561,2562],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:59.429787",{"slug":2565,"name":2565,"fn":2566,"description":2567,"org":2568,"tags":2569,"stars":22,"repoUrl":23,"updatedAt":2575},"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},[2570,2573,2574],{"name":2571,"slug":2572,"type":15},"Debugging","debugging",{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":2577,"name":2577,"fn":2578,"description":2579,"org":2580,"tags":2581,"stars":22,"repoUrl":23,"updatedAt":2585},"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},[2582,2583,2584],{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:38.403427",{"slug":2587,"name":2587,"fn":2588,"description":2589,"org":2590,"tags":2591,"stars":22,"repoUrl":23,"updatedAt":2600},"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},[2592,2595,2596,2599],{"name":2593,"slug":2594,"type":15},"Data Pipeline","data-pipeline",{"name":20,"slug":21,"type":15},{"name":2597,"slug":2598,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":2602,"name":2602,"fn":2603,"description":2604,"org":2605,"tags":2606,"stars":22,"repoUrl":23,"updatedAt":2612},"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},[2607,2610,2611],{"name":2608,"slug":2609,"type":15},"Data Visualization","data-visualization",{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":2614,"name":2614,"fn":2615,"description":2616,"org":2617,"tags":2618,"stars":22,"repoUrl":23,"updatedAt":2622},"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},[2619,2620,2621],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":2624,"name":2624,"fn":2625,"description":2626,"org":2627,"tags":2628,"stars":22,"repoUrl":23,"updatedAt":2632},"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},[2629,2630,2631],{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:26:03.37801",{"slug":2634,"name":2634,"fn":2635,"description":2636,"org":2637,"tags":2638,"stars":22,"repoUrl":23,"updatedAt":2645},"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},[2639,2642,2643,2644],{"name":2640,"slug":2641,"type":15},"CSS","css",{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:55.377366",{"slug":2647,"name":2647,"fn":2648,"description":2649,"org":2650,"tags":2651,"stars":22,"repoUrl":23,"updatedAt":2655},"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},[2652,2653,2654],{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:51.400011",{"slug":2657,"name":2657,"fn":2658,"description":2659,"org":2660,"tags":2661,"stars":22,"repoUrl":23,"updatedAt":2666},"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},[2662,2663,2664,2665],{"name":2640,"slug":2641,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:48.703799",{"slug":2668,"name":2668,"fn":2669,"description":2670,"org":2671,"tags":2672,"stars":22,"repoUrl":23,"updatedAt":2676},"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},[2673,2674,2675],{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},"2026-07-30T05:25:47.367943",{"slug":4,"name":4,"fn":5,"description":6,"org":2678,"tags":2679,"stars":22,"repoUrl":23,"updatedAt":24},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2680,2681,2682],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},125,{"items":2685,"total":2729},[2686,2692,2698,2704,2711,2717,2723],{"slug":2555,"name":2555,"fn":2556,"description":2557,"org":2687,"tags":2688,"stars":22,"repoUrl":23,"updatedAt":2563},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2689,2690,2691],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"slug":2565,"name":2565,"fn":2566,"description":2567,"org":2693,"tags":2694,"stars":22,"repoUrl":23,"updatedAt":2575},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2695,2696,2697],{"name":2571,"slug":2572,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"slug":2577,"name":2577,"fn":2578,"description":2579,"org":2699,"tags":2700,"stars":22,"repoUrl":23,"updatedAt":2585},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2701,2702,2703],{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},{"slug":2587,"name":2587,"fn":2588,"description":2589,"org":2705,"tags":2706,"stars":22,"repoUrl":23,"updatedAt":2600},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2707,2708,2709,2710],{"name":2593,"slug":2594,"type":15},{"name":20,"slug":21,"type":15},{"name":2597,"slug":2598,"type":15},{"name":9,"slug":8,"type":15},{"slug":2602,"name":2602,"fn":2603,"description":2604,"org":2712,"tags":2713,"stars":22,"repoUrl":23,"updatedAt":2612},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2714,2715,2716],{"name":2608,"slug":2609,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"slug":2614,"name":2614,"fn":2615,"description":2616,"org":2718,"tags":2719,"stars":22,"repoUrl":23,"updatedAt":2622},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2720,2721,2722],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"slug":2624,"name":2624,"fn":2625,"description":2626,"org":2724,"tags":2725,"stars":22,"repoUrl":23,"updatedAt":2632},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2726,2727,2728],{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},{"name":17,"slug":18,"type":15},30]