[{"data":1,"prerenderedAt":1763},["ShallowReactive",2],{"navigation":3,"\u002Flayout\u002Fshow-headers":289,"\u002Flayout\u002Fshow-headers-surround":1758},[4,28,59,84,124,149,179],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Basic Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-play",{"title":23,"path":24,"stem":25,"icon":26},"Presets","\u002Fgetting-started\u002Fpresets","1.getting-started\u002F4.presets","i-lucide-package",false,{"title":29,"icon":30,"path":31,"stem":32,"children":33,"page":27},"Essentials","i-lucide-book-open","\u002Fessentials","2.essentials",[34,39,44,49,54],{"title":35,"path":36,"stem":37,"icon":38},"Columns","\u002Fessentials\u002Fcolumns","2.essentials\u002F1.columns","i-lucide-columns-3",{"title":40,"path":41,"stem":42,"icon":43},"Row Selection","\u002Fessentials\u002Frow-selection","2.essentials\u002F2.row-selection","i-lucide-mouse-pointer-click",{"title":45,"path":46,"stem":47,"icon":48},"Focus & Navigation","\u002Fessentials\u002Ffocus-navigation","2.essentials\u002F3.focus-navigation","i-lucide-focus",{"title":50,"path":51,"stem":52,"icon":53},"Sorting, Filtering & Search","\u002Fessentials\u002Fsorting-filtering","2.essentials\u002F4.sorting-filtering","i-lucide-arrow-up-down",{"title":55,"path":56,"stem":57,"icon":58},"Tooltips","\u002Fessentials\u002Ftooltips","2.essentials\u002F5.tooltips","i-lucide-message-square",{"title":60,"icon":61,"path":62,"stem":63,"children":64,"page":27},"Data & Editing","i-lucide-pencil","\u002Fdata-editing","3.data-editing",[65,69,74,79],{"title":66,"path":67,"stem":68,"icon":61},"Cell Editing","\u002Fdata-editing\u002Fcell-editing","3.data-editing\u002F1.cell-editing",{"title":70,"path":71,"stem":72,"icon":73},"Add New Rows","\u002Fdata-editing\u002Fadd-row","3.data-editing\u002F2.add-row","i-lucide-plus",{"title":75,"path":76,"stem":77,"icon":78},"Validation","\u002Fdata-editing\u002Fvalidation","3.data-editing\u002F3.validation","i-lucide-shield-check",{"title":80,"path":81,"stem":82,"icon":83},"Cell Data Types","\u002Fdata-editing\u002Fcell-data-types","3.data-editing\u002F4.cell-data-types","i-lucide-type",{"title":85,"icon":86,"path":87,"stem":88,"children":89,"page":27},"Layout & Display","i-lucide-layout-grid","\u002Flayout","4.layout",[90,94,99,104,109,114,119],{"title":91,"path":92,"stem":93,"icon":30},"Pagination","\u002Flayout\u002Fpaging","4.layout\u002F1.paging",{"title":95,"path":96,"stem":97,"icon":98},"Grouping","\u002Flayout\u002Fgrouping","4.layout\u002F2.grouping","i-lucide-layers",{"title":100,"path":101,"stem":102,"icon":103},"Virtualization","\u002Flayout\u002Fvirtualization","4.layout\u002F3.virtualization","i-lucide-zap",{"title":105,"path":106,"stem":107,"icon":108},"Column Sizing","\u002Flayout\u002Fcolumn-sizing","4.layout\u002F4.column-sizing","i-lucide-move",{"title":110,"path":111,"stem":112,"icon":113},"Sticky Headers","\u002Flayout\u002Fsticky-headers","4.layout\u002F5.sticky-headers","i-lucide-pin",{"title":115,"path":116,"stem":117,"icon":118},"Multi-Row Layout","\u002Flayout\u002Fmulti-row","4.layout\u002F6.multi-row","i-lucide-rows-3",{"title":120,"path":121,"stem":122,"icon":123},"Show\u002FHide Headers","\u002Flayout\u002Fshow-headers","4.layout\u002F7.show-headers","i-lucide-panel-top",{"title":125,"icon":126,"path":127,"stem":128,"children":129,"page":27},"Theming","i-lucide-palette","\u002Ftheming","5.theming",[130,134,139,144],{"title":131,"path":132,"stem":133,"icon":126},"Built-in Themes","\u002Ftheming\u002Fthemes","5.theming\u002F1.themes",{"title":135,"path":136,"stem":137,"icon":138},"Custom Themes","\u002Ftheming\u002Fcustom-themes","5.theming\u002F2.custom-themes","i-lucide-paintbrush",{"title":140,"path":141,"stem":142,"icon":143},"UI Customization","\u002Ftheming\u002Fui-customization","5.theming\u002F3.ui-customization","i-lucide-sliders",{"title":145,"path":146,"stem":147,"icon":148},"Row Animations","\u002Ftheming\u002Fanimations","5.theming\u002F4.animations","i-lucide-sparkles",{"title":150,"icon":148,"path":151,"stem":152,"children":153,"page":27},"Advanced","\u002Fadvanced","6.advanced",[154,159,164,169,174],{"title":155,"path":156,"stem":157,"icon":158},"Events","\u002Fadvanced\u002Fevents","6.advanced\u002F1.events","i-lucide-radio",{"title":160,"path":161,"stem":162,"icon":163},"Row Actions","\u002Fadvanced\u002Frow-actions","6.advanced\u002F2.row-actions","i-lucide-menu",{"title":165,"path":166,"stem":167,"icon":168},"Excel Export","\u002Fadvanced\u002Fexcel-export","6.advanced\u002F3.excel-export","i-lucide-file-spreadsheet",{"title":170,"path":171,"stem":172,"icon":173},"State Persistence","\u002Fadvanced\u002Fstate-persistence","6.advanced\u002F4.state-persistence","i-lucide-save",{"title":175,"path":176,"stem":177,"icon":178},"Drag & Drop","\u002Fadvanced\u002Fdrag-drop","6.advanced\u002F5.drag-drop","i-lucide-grip-vertical",{"title":180,"path":181,"stem":182,"children":183},"Demos","\u002Fdemos","7.demos",[184,187,209,228,241,252,269],{"title":180,"path":181,"stem":185,"icon":186},"7.demos\u002F1.index","i-lucide-play-circle",{"title":188,"path":189,"stem":190,"children":191,"page":27},"Featured","\u002Fdemos\u002Ffeatured","7.demos\u002F1.featured",[192,197,201,205],{"title":193,"path":194,"stem":195,"icon":196},"Full Demo","\u002Fdemos\u002Ffeatured\u002Ffull-demo","7.demos\u002F1.featured\u002F1.full-demo","i-lucide-table-2",{"title":80,"path":198,"stem":199,"icon":200},"\u002Fdemos\u002Ffeatured\u002Fcell-data-types","7.demos\u002F1.featured\u002F2.cell-data-types","i-lucide-text-cursor-input",{"title":40,"path":202,"stem":203,"icon":204},"\u002Fdemos\u002Ffeatured\u002Frow-selection","7.demos\u002F1.featured\u002F3.row-selection","i-lucide-check-square",{"title":206,"path":207,"stem":208,"icon":30},"Paging Demo","\u002Fdemos\u002Ffeatured\u002Fpaging","7.demos\u002F1.featured\u002F4.paging",{"title":210,"path":211,"stem":212,"children":213,"page":27},"Data Organization","\u002Fdemos\u002Fdata-organization","7.demos\u002F2.data-organization",[214,218,223],{"title":215,"path":216,"stem":217,"icon":98},"Nested Groups","\u002Fdemos\u002Fdata-organization\u002Fnested-groups","7.demos\u002F2.data-organization\u002F1.nested-groups",{"title":219,"path":220,"stem":221,"icon":222},"Group Paging","\u002Fdemos\u002Fdata-organization\u002Fgroup-paging","7.demos\u002F2.data-organization\u002F2.group-paging","i-lucide-folder-tree",{"title":224,"path":225,"stem":226,"icon":227},"Summary & Aggregates","\u002Fdemos\u002Fdata-organization\u002Fsummary-aggregates","7.demos\u002F2.data-organization\u002F3.summary-aggregates","i-lucide-sigma",{"title":229,"path":230,"stem":231,"children":232,"page":27},"Editing Validation","\u002Fdemos\u002Fediting-validation","7.demos\u002F3.editing-validation",[233,238],{"title":234,"path":235,"stem":236,"icon":237},"Add Row","\u002Fdemos\u002Fediting-validation\u002Fadd-row","7.demos\u002F3.editing-validation\u002F1.add-row","i-lucide-plus-circle",{"title":75,"path":239,"stem":240,"icon":78},"\u002Fdemos\u002Fediting-validation\u002Fvalidation","7.demos\u002F3.editing-validation\u002F2.validation",{"title":242,"path":243,"stem":244,"children":245,"page":27},"Export Persistence","\u002Fdemos\u002Fexport-persistence","7.demos\u002F4.export-persistence",[246,249],{"title":165,"path":247,"stem":248,"icon":168},"\u002Fdemos\u002Fexport-persistence\u002Fexcel-export","7.demos\u002F4.export-persistence\u002F1.excel-export",{"title":170,"path":250,"stem":251,"icon":173},"\u002Fdemos\u002Fexport-persistence\u002Fstate-persistence","7.demos\u002F4.export-persistence\u002F2.state-persistence",{"title":125,"path":253,"stem":254,"children":255,"page":27},"\u002Fdemos\u002Ftheming","7.demos\u002F5.theming",[256,261,265],{"title":257,"path":258,"stem":259,"icon":260},"Compact Theme","\u002Fdemos\u002Ftheming\u002Fcompact-theme","7.demos\u002F5.theming\u002F1.compact-theme","i-lucide-minimize-2",{"title":262,"path":263,"stem":264,"icon":126},"Custom Theme","\u002Fdemos\u002Ftheming\u002Fcustom-theme","7.demos\u002F5.theming\u002F2.custom-theme",{"title":266,"path":267,"stem":268,"icon":148},"Row Animation","\u002Fdemos\u002Ftheming\u002Fanimation","7.demos\u002F5.theming\u002F3.animation",{"title":150,"path":270,"stem":271,"children":272,"page":27},"\u002Fdemos\u002Fadvanced","7.demos\u002F6.advanced",[273,277,282,286],{"title":274,"path":275,"stem":276,"icon":48},"Focused Row","\u002Fdemos\u002Fadvanced\u002Ffocused-row","7.demos\u002F6.advanced\u002F1.focused-row",{"title":278,"path":279,"stem":280,"icon":281},"Action Menu","\u002Fdemos\u002Fadvanced\u002Faction-menu","7.demos\u002F6.advanced\u002F2.action-menu","i-lucide-more-horizontal",{"title":155,"path":283,"stem":284,"icon":285},"\u002Fdemos\u002Fadvanced\u002Fevents","7.demos\u002F6.advanced\u002F3.events","i-lucide-calendar",{"title":115,"path":287,"stem":288,"icon":118},"\u002Fdemos\u002Fadvanced\u002Fmulti-row","7.demos\u002F6.advanced\u002F4.multi-row",{"id":290,"title":120,"body":291,"description":1751,"extension":1752,"links":1753,"meta":1754,"navigation":1755,"path":121,"seo":1756,"stem":122,"__hash__":1757},"docs\u002F4.layout\u002F7.show-headers.md",{"type":292,"value":293,"toc":1743},"minimark",[294,303,308,318,435,445,449,452,722,726,729,900,903,1013,1017,1020,1134,1138,1719,1723,1739],[295,296,297,298,302],"p",{},"NuGrid allows you to hide column headers entirely using the ",[299,300,301],"code",{},"layout.showHeaders"," option. This is useful for data-only views, dashboards, or cases where column headers are redundant.",[304,305,307],"h2",{"id":306},"hiding-headers","Hiding Headers",[295,309,310,311,313,314,317],{},"Set ",[299,312,301],{}," to ",[299,315,316],{},"false"," to hide all column headers:",[319,320,325],"pre",{"className":321,"code":322,"language":323,"meta":324,"style":324},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CNuGrid\n    :data=\"data\"\n    :columns=\"columns\"\n    :layout=\"{ showHeaders: false }\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[299,326,327,343,352,374,390,419,425],{"__ignoreMap":324},[328,329,332,336,340],"span",{"class":330,"line":331},"line",1,[328,333,335],{"class":334},"sMK4o","\u003C",[328,337,339],{"class":338},"swJcz","template",[328,341,342],{"class":334},">\n",[328,344,346,349],{"class":330,"line":345},2,[328,347,348],{"class":334},"  \u003C",[328,350,351],{"class":338},"NuGrid\n",[328,353,355,358,362,365,368,371],{"class":330,"line":354},3,[328,356,357],{"class":334},"    :",[328,359,361],{"class":360},"spNyl","data",[328,363,364],{"class":334},"=",[328,366,367],{"class":334},"\"",[328,369,361],{"class":370},"sTEyZ",[328,372,373],{"class":334},"\"\n",[328,375,377,379,382,384,386,388],{"class":330,"line":376},4,[328,378,357],{"class":334},[328,380,381],{"class":360},"columns",[328,383,364],{"class":334},[328,385,367],{"class":334},[328,387,381],{"class":370},[328,389,373],{"class":334},[328,391,393,395,398,400,402,405,408,411,414,417],{"class":330,"line":392},5,[328,394,357],{"class":334},[328,396,397],{"class":360},"layout",[328,399,364],{"class":334},[328,401,367],{"class":334},[328,403,404],{"class":334},"{ ",[328,406,407],{"class":338},"showHeaders",[328,409,410],{"class":334},": ",[328,412,316],{"class":413},"sfNiH",[328,415,416],{"class":334}," }",[328,418,373],{"class":334},[328,420,422],{"class":330,"line":421},6,[328,423,424],{"class":334},"  \u002F>\n",[328,426,428,431,433],{"class":330,"line":427},7,[328,429,430],{"class":334},"\u003C\u002F",[328,432,339],{"class":338},[328,434,342],{"class":334},[295,436,437,438,440,441,444],{},"By default, ",[299,439,407],{}," is ",[299,442,443],{},"true"," and headers are visible.",[304,446,448],{"id":447},"dynamic-toggle","Dynamic Toggle",[295,450,451],{},"Allow users to toggle header visibility at runtime:",[319,453,455],{"className":321,"code":454,"language":323,"meta":324,"style":324},"\u003Cscript setup lang=\"ts\">\nconst showHeaders = ref(true)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"mb-4\">\n    \u003CUButton\n      :color=\"showHeaders ? 'primary' : 'neutral'\"\n      @click=\"showHeaders = !showHeaders\"\n    >\n      Headers: {{ showHeaders ? 'Visible' : 'Hidden' }}\n    \u003C\u002FUButton>\n  \u003C\u002Fdiv>\n\n  \u003CNuGrid\n    :data=\"data\"\n    :columns=\"columns\"\n    :layout=\"{ showHeaders }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[299,456,457,482,504,512,518,526,547,555,592,614,620,626,637,647,652,659,674,689,708,713],{"__ignoreMap":324},[328,458,459,461,464,467,470,472,474,478,480],{"class":330,"line":331},[328,460,335],{"class":334},[328,462,463],{"class":338},"script",[328,465,466],{"class":360}," setup",[328,468,469],{"class":360}," lang",[328,471,364],{"class":334},[328,473,367],{"class":334},[328,475,477],{"class":476},"sfazB","ts",[328,479,367],{"class":334},[328,481,342],{"class":334},[328,483,484,487,490,492,496,499,501],{"class":330,"line":345},[328,485,486],{"class":360},"const",[328,488,489],{"class":370}," showHeaders ",[328,491,364],{"class":334},[328,493,495],{"class":494},"s2Zo4"," ref",[328,497,498],{"class":370},"(",[328,500,443],{"class":413},[328,502,503],{"class":370},")\n",[328,505,506,508,510],{"class":330,"line":354},[328,507,430],{"class":334},[328,509,463],{"class":338},[328,511,342],{"class":334},[328,513,514],{"class":330,"line":376},[328,515,517],{"emptyLinePlaceholder":516},true,"\n",[328,519,520,522,524],{"class":330,"line":392},[328,521,335],{"class":334},[328,523,339],{"class":338},[328,525,342],{"class":334},[328,527,528,530,533,536,538,540,543,545],{"class":330,"line":421},[328,529,348],{"class":334},[328,531,532],{"class":338},"div",[328,534,535],{"class":360}," class",[328,537,364],{"class":334},[328,539,367],{"class":334},[328,541,542],{"class":476},"mb-4",[328,544,367],{"class":334},[328,546,342],{"class":334},[328,548,549,552],{"class":330,"line":427},[328,550,551],{"class":334},"    \u003C",[328,553,554],{"class":338},"UButton\n",[328,556,558,561,564,566,568,570,573,576,579,581,584,586,589],{"class":330,"line":557},8,[328,559,560],{"class":334},"      :",[328,562,563],{"class":360},"color",[328,565,364],{"class":334},[328,567,367],{"class":334},[328,569,407],{"class":370},[328,571,572],{"class":334}," ? ",[328,574,575],{"class":334},"'",[328,577,578],{"class":476},"primary",[328,580,575],{"class":334},[328,582,583],{"class":334}," : ",[328,585,575],{"class":334},[328,587,588],{"class":476},"neutral",[328,590,591],{"class":334},"'\"\n",[328,593,595,598,601,603,605,607,610,612],{"class":330,"line":594},9,[328,596,597],{"class":334},"      @",[328,599,600],{"class":360},"click",[328,602,364],{"class":334},[328,604,367],{"class":334},[328,606,407],{"class":370},[328,608,609],{"class":334}," = !",[328,611,407],{"class":370},[328,613,373],{"class":334},[328,615,617],{"class":330,"line":616},10,[328,618,619],{"class":334},"    >\n",[328,621,623],{"class":330,"line":622},11,[328,624,625],{"class":370},"      Headers: {{ showHeaders ? 'Visible' : 'Hidden' }}\n",[328,627,629,632,635],{"class":330,"line":628},12,[328,630,631],{"class":334},"    \u003C\u002F",[328,633,634],{"class":338},"UButton",[328,636,342],{"class":334},[328,638,640,643,645],{"class":330,"line":639},13,[328,641,642],{"class":334},"  \u003C\u002F",[328,644,532],{"class":338},[328,646,342],{"class":334},[328,648,650],{"class":330,"line":649},14,[328,651,517],{"emptyLinePlaceholder":516},[328,653,655,657],{"class":330,"line":654},15,[328,656,348],{"class":334},[328,658,351],{"class":338},[328,660,662,664,666,668,670,672],{"class":330,"line":661},16,[328,663,357],{"class":334},[328,665,361],{"class":360},[328,667,364],{"class":334},[328,669,367],{"class":334},[328,671,361],{"class":370},[328,673,373],{"class":334},[328,675,677,679,681,683,685,687],{"class":330,"line":676},17,[328,678,357],{"class":334},[328,680,381],{"class":360},[328,682,364],{"class":334},[328,684,367],{"class":334},[328,686,381],{"class":370},[328,688,373],{"class":334},[328,690,692,694,696,698,700,702,704,706],{"class":330,"line":691},18,[328,693,357],{"class":334},[328,695,397],{"class":360},[328,697,364],{"class":334},[328,699,367],{"class":334},[328,701,404],{"class":334},[328,703,407],{"class":370},[328,705,416],{"class":334},[328,707,373],{"class":334},[328,709,711],{"class":330,"line":710},19,[328,712,424],{"class":334},[328,714,716,718,720],{"class":330,"line":715},20,[328,717,430],{"class":334},[328,719,339],{"class":338},[328,721,342],{"class":334},[304,723,725],{"id":724},"with-grouping","With Grouping",[295,727,728],{},"Hidden headers work with all layout modes including grouped and split-group:",[319,730,732],{"className":321,"code":731,"language":323,"meta":324,"style":324},"\u003Cscript setup lang=\"ts\">\nconst grouping = ref(['category'])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CNuGrid\n    v-model:grouping=\"grouping\"\n    :data=\"data\"\n    :columns=\"columns\"\n    :layout=\"{ mode: 'group', showHeaders: false }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[299,733,734,754,778,786,790,798,804,823,837,851,888,892],{"__ignoreMap":324},[328,735,736,738,740,742,744,746,748,750,752],{"class":330,"line":331},[328,737,335],{"class":334},[328,739,463],{"class":338},[328,741,466],{"class":360},[328,743,469],{"class":360},[328,745,364],{"class":334},[328,747,367],{"class":334},[328,749,477],{"class":476},[328,751,367],{"class":334},[328,753,342],{"class":334},[328,755,756,758,761,763,765,768,770,773,775],{"class":330,"line":345},[328,757,486],{"class":360},[328,759,760],{"class":370}," grouping ",[328,762,364],{"class":334},[328,764,495],{"class":494},[328,766,767],{"class":370},"([",[328,769,575],{"class":334},[328,771,772],{"class":476},"category",[328,774,575],{"class":334},[328,776,777],{"class":370},"])\n",[328,779,780,782,784],{"class":330,"line":354},[328,781,430],{"class":334},[328,783,463],{"class":338},[328,785,342],{"class":334},[328,787,788],{"class":330,"line":376},[328,789,517],{"emptyLinePlaceholder":516},[328,791,792,794,796],{"class":330,"line":392},[328,793,335],{"class":334},[328,795,339],{"class":338},[328,797,342],{"class":334},[328,799,800,802],{"class":330,"line":421},[328,801,348],{"class":334},[328,803,351],{"class":338},[328,805,806,809,812,815,817,819,821],{"class":330,"line":427},[328,807,808],{"class":360},"    v-model",[328,810,811],{"class":334},":",[328,813,814],{"class":360},"grouping",[328,816,364],{"class":334},[328,818,367],{"class":334},[328,820,814],{"class":370},[328,822,373],{"class":334},[328,824,825,827,829,831,833,835],{"class":330,"line":557},[328,826,357],{"class":334},[328,828,361],{"class":360},[328,830,364],{"class":334},[328,832,367],{"class":334},[328,834,361],{"class":370},[328,836,373],{"class":334},[328,838,839,841,843,845,847,849],{"class":330,"line":594},[328,840,357],{"class":334},[328,842,381],{"class":360},[328,844,364],{"class":334},[328,846,367],{"class":334},[328,848,381],{"class":370},[328,850,373],{"class":334},[328,852,853,855,857,859,861,863,866,868,870,873,875,878,880,882,884,886],{"class":330,"line":616},[328,854,357],{"class":334},[328,856,397],{"class":360},[328,858,364],{"class":334},[328,860,367],{"class":334},[328,862,404],{"class":334},[328,864,865],{"class":338},"mode",[328,867,410],{"class":334},[328,869,575],{"class":334},[328,871,872],{"class":476},"group",[328,874,575],{"class":334},[328,876,877],{"class":334},", ",[328,879,407],{"class":338},[328,881,410],{"class":334},[328,883,316],{"class":413},[328,885,416],{"class":334},[328,887,373],{"class":334},[328,889,890],{"class":330,"line":622},[328,891,424],{"class":334},[328,893,894,896,898],{"class":330,"line":628},[328,895,430],{"class":334},[328,897,339],{"class":338},[328,899,342],{"class":334},[295,901,902],{},"In split-group mode, per-group column headers are also hidden:",[319,904,906],{"className":321,"code":905,"language":323,"meta":324,"style":324},"\u003Ctemplate>\n  \u003CNuGrid\n    v-model:grouping=\"grouping\"\n    :data=\"data\"\n    :columns=\"columns\"\n    :layout=\"{ mode: 'splitgroup', showHeaders: false }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[299,907,908,916,922,938,952,966,1001,1005],{"__ignoreMap":324},[328,909,910,912,914],{"class":330,"line":331},[328,911,335],{"class":334},[328,913,339],{"class":338},[328,915,342],{"class":334},[328,917,918,920],{"class":330,"line":345},[328,919,348],{"class":334},[328,921,351],{"class":338},[328,923,924,926,928,930,932,934,936],{"class":330,"line":354},[328,925,808],{"class":360},[328,927,811],{"class":334},[328,929,814],{"class":360},[328,931,364],{"class":334},[328,933,367],{"class":334},[328,935,814],{"class":370},[328,937,373],{"class":334},[328,939,940,942,944,946,948,950],{"class":330,"line":376},[328,941,357],{"class":334},[328,943,361],{"class":360},[328,945,364],{"class":334},[328,947,367],{"class":334},[328,949,361],{"class":370},[328,951,373],{"class":334},[328,953,954,956,958,960,962,964],{"class":330,"line":392},[328,955,357],{"class":334},[328,957,381],{"class":360},[328,959,364],{"class":334},[328,961,367],{"class":334},[328,963,381],{"class":370},[328,965,373],{"class":334},[328,967,968,970,972,974,976,978,980,982,984,987,989,991,993,995,997,999],{"class":330,"line":421},[328,969,357],{"class":334},[328,971,397],{"class":360},[328,973,364],{"class":334},[328,975,367],{"class":334},[328,977,404],{"class":334},[328,979,865],{"class":338},[328,981,410],{"class":334},[328,983,575],{"class":334},[328,985,986],{"class":476},"splitgroup",[328,988,575],{"class":334},[328,990,877],{"class":334},[328,992,407],{"class":338},[328,994,410],{"class":334},[328,996,316],{"class":413},[328,998,416],{"class":334},[328,1000,373],{"class":334},[328,1002,1003],{"class":330,"line":427},[328,1004,424],{"class":334},[328,1006,1007,1009,1011],{"class":330,"line":557},[328,1008,430],{"class":334},[328,1010,339],{"class":338},[328,1012,342],{"class":334},[304,1014,1016],{"id":1015},"with-virtualization","With Virtualization",[295,1018,1019],{},"Hidden headers integrate with virtualization. When headers are hidden, no virtual row items are allocated for column headers, keeping the layout tight:",[319,1021,1023],{"className":321,"code":1022,"language":323,"meta":324,"style":324},"\u003Ctemplate>\n  \u003Cdiv class=\"h-[600px]\">\n    \u003CNuGrid\n      :data=\"data\"\n      :columns=\"columns\"\n      :layout=\"{ showHeaders: false }\"\n      virtualization\n    \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[299,1024,1025,1033,1052,1058,1072,1086,1108,1113,1118,1126],{"__ignoreMap":324},[328,1026,1027,1029,1031],{"class":330,"line":331},[328,1028,335],{"class":334},[328,1030,339],{"class":338},[328,1032,342],{"class":334},[328,1034,1035,1037,1039,1041,1043,1045,1048,1050],{"class":330,"line":345},[328,1036,348],{"class":334},[328,1038,532],{"class":338},[328,1040,535],{"class":360},[328,1042,364],{"class":334},[328,1044,367],{"class":334},[328,1046,1047],{"class":476},"h-[600px]",[328,1049,367],{"class":334},[328,1051,342],{"class":334},[328,1053,1054,1056],{"class":330,"line":354},[328,1055,551],{"class":334},[328,1057,351],{"class":338},[328,1059,1060,1062,1064,1066,1068,1070],{"class":330,"line":376},[328,1061,560],{"class":334},[328,1063,361],{"class":360},[328,1065,364],{"class":334},[328,1067,367],{"class":334},[328,1069,361],{"class":370},[328,1071,373],{"class":334},[328,1073,1074,1076,1078,1080,1082,1084],{"class":330,"line":392},[328,1075,560],{"class":334},[328,1077,381],{"class":360},[328,1079,364],{"class":334},[328,1081,367],{"class":334},[328,1083,381],{"class":370},[328,1085,373],{"class":334},[328,1087,1088,1090,1092,1094,1096,1098,1100,1102,1104,1106],{"class":330,"line":421},[328,1089,560],{"class":334},[328,1091,397],{"class":360},[328,1093,364],{"class":334},[328,1095,367],{"class":334},[328,1097,404],{"class":334},[328,1099,407],{"class":338},[328,1101,410],{"class":334},[328,1103,316],{"class":413},[328,1105,416],{"class":334},[328,1107,373],{"class":334},[328,1109,1110],{"class":330,"line":427},[328,1111,1112],{"class":360},"      virtualization\n",[328,1114,1115],{"class":330,"line":557},[328,1116,1117],{"class":334},"    \u002F>\n",[328,1119,1120,1122,1124],{"class":330,"line":594},[328,1121,642],{"class":334},[328,1123,532],{"class":338},[328,1125,342],{"class":334},[328,1127,1128,1130,1132],{"class":330,"line":616},[328,1129,430],{"class":334},[328,1131,339],{"class":338},[328,1133,342],{"class":334},[304,1135,1137],{"id":1136},"complete-example","Complete Example",[319,1139,1141],{"className":321,"code":1140,"language":323,"meta":324,"style":324},"\u003Cscript setup lang=\"ts\">\ninterface Product {\n  id: number\n  name: string\n  category: string\n  price: number\n  stock: number\n}\n\nconst data = ref\u003CProduct[]>([\n  { id: 1, name: 'Widget A', category: 'Electronics', price: 29.99, stock: 150 },\n  { id: 2, name: 'Widget B', category: 'Electronics', price: 49.99, stock: 75 },\n  { id: 3, name: 'Gadget X', category: 'Accessories', price: 19.99, stock: 200 },\n  \u002F\u002F ... more data\n])\n\nconst columns: NuGridColumn\u003CProduct>[] = [\n  { accessorKey: 'category', header: 'Category' },\n  { accessorKey: 'name', header: 'Name' },\n  { accessorKey: 'price', header: 'Price' },\n  { accessorKey: 'stock', header: 'Stock' },\n]\n\nconst showHeaders = ref(true)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CNuGrid\n    :data=\"data\"\n    :columns=\"columns\"\n    :layout=\"{ showHeaders }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[299,1142,1143,1163,1175,1185,1195,1204,1213,1222,1227,1231,1256,1323,1379,1436,1442,1446,1450,1476,1507,1537,1567,1598,1604,1609,1626,1635,1640,1649,1656,1671,1686,1705,1710],{"__ignoreMap":324},[328,1144,1145,1147,1149,1151,1153,1155,1157,1159,1161],{"class":330,"line":331},[328,1146,335],{"class":334},[328,1148,463],{"class":338},[328,1150,466],{"class":360},[328,1152,469],{"class":360},[328,1154,364],{"class":334},[328,1156,367],{"class":334},[328,1158,477],{"class":476},[328,1160,367],{"class":334},[328,1162,342],{"class":334},[328,1164,1165,1168,1172],{"class":330,"line":345},[328,1166,1167],{"class":360},"interface",[328,1169,1171],{"class":1170},"sBMFI"," Product",[328,1173,1174],{"class":334}," {\n",[328,1176,1177,1180,1182],{"class":330,"line":354},[328,1178,1179],{"class":338},"  id",[328,1181,811],{"class":334},[328,1183,1184],{"class":1170}," number\n",[328,1186,1187,1190,1192],{"class":330,"line":376},[328,1188,1189],{"class":338},"  name",[328,1191,811],{"class":334},[328,1193,1194],{"class":1170}," string\n",[328,1196,1197,1200,1202],{"class":330,"line":392},[328,1198,1199],{"class":338},"  category",[328,1201,811],{"class":334},[328,1203,1194],{"class":1170},[328,1205,1206,1209,1211],{"class":330,"line":421},[328,1207,1208],{"class":338},"  price",[328,1210,811],{"class":334},[328,1212,1184],{"class":1170},[328,1214,1215,1218,1220],{"class":330,"line":427},[328,1216,1217],{"class":338},"  stock",[328,1219,811],{"class":334},[328,1221,1184],{"class":1170},[328,1223,1224],{"class":330,"line":557},[328,1225,1226],{"class":334},"}\n",[328,1228,1229],{"class":330,"line":594},[328,1230,517],{"emptyLinePlaceholder":516},[328,1232,1233,1235,1238,1240,1242,1244,1247,1250,1253],{"class":330,"line":616},[328,1234,486],{"class":360},[328,1236,1237],{"class":370}," data ",[328,1239,364],{"class":334},[328,1241,495],{"class":494},[328,1243,335],{"class":334},[328,1245,1246],{"class":1170},"Product",[328,1248,1249],{"class":370},"[]",[328,1251,1252],{"class":334},">",[328,1254,1255],{"class":370},"([\n",[328,1257,1258,1261,1264,1266,1270,1273,1276,1278,1281,1284,1286,1288,1291,1293,1295,1298,1300,1302,1305,1307,1310,1312,1315,1317,1320],{"class":330,"line":622},[328,1259,1260],{"class":334},"  {",[328,1262,1263],{"class":338}," id",[328,1265,811],{"class":334},[328,1267,1269],{"class":1268},"sbssI"," 1",[328,1271,1272],{"class":334},",",[328,1274,1275],{"class":338}," name",[328,1277,811],{"class":334},[328,1279,1280],{"class":334}," '",[328,1282,1283],{"class":476},"Widget A",[328,1285,575],{"class":334},[328,1287,1272],{"class":334},[328,1289,1290],{"class":338}," category",[328,1292,811],{"class":334},[328,1294,1280],{"class":334},[328,1296,1297],{"class":476},"Electronics",[328,1299,575],{"class":334},[328,1301,1272],{"class":334},[328,1303,1304],{"class":338}," price",[328,1306,811],{"class":334},[328,1308,1309],{"class":1268}," 29.99",[328,1311,1272],{"class":334},[328,1313,1314],{"class":338}," stock",[328,1316,811],{"class":334},[328,1318,1319],{"class":1268}," 150",[328,1321,1322],{"class":334}," },\n",[328,1324,1325,1327,1329,1331,1334,1336,1338,1340,1342,1345,1347,1349,1351,1353,1355,1357,1359,1361,1363,1365,1368,1370,1372,1374,1377],{"class":330,"line":628},[328,1326,1260],{"class":334},[328,1328,1263],{"class":338},[328,1330,811],{"class":334},[328,1332,1333],{"class":1268}," 2",[328,1335,1272],{"class":334},[328,1337,1275],{"class":338},[328,1339,811],{"class":334},[328,1341,1280],{"class":334},[328,1343,1344],{"class":476},"Widget B",[328,1346,575],{"class":334},[328,1348,1272],{"class":334},[328,1350,1290],{"class":338},[328,1352,811],{"class":334},[328,1354,1280],{"class":334},[328,1356,1297],{"class":476},[328,1358,575],{"class":334},[328,1360,1272],{"class":334},[328,1362,1304],{"class":338},[328,1364,811],{"class":334},[328,1366,1367],{"class":1268}," 49.99",[328,1369,1272],{"class":334},[328,1371,1314],{"class":338},[328,1373,811],{"class":334},[328,1375,1376],{"class":1268}," 75",[328,1378,1322],{"class":334},[328,1380,1381,1383,1385,1387,1390,1392,1394,1396,1398,1401,1403,1405,1407,1409,1411,1414,1416,1418,1420,1422,1425,1427,1429,1431,1434],{"class":330,"line":639},[328,1382,1260],{"class":334},[328,1384,1263],{"class":338},[328,1386,811],{"class":334},[328,1388,1389],{"class":1268}," 3",[328,1391,1272],{"class":334},[328,1393,1275],{"class":338},[328,1395,811],{"class":334},[328,1397,1280],{"class":334},[328,1399,1400],{"class":476},"Gadget X",[328,1402,575],{"class":334},[328,1404,1272],{"class":334},[328,1406,1290],{"class":338},[328,1408,811],{"class":334},[328,1410,1280],{"class":334},[328,1412,1413],{"class":476},"Accessories",[328,1415,575],{"class":334},[328,1417,1272],{"class":334},[328,1419,1304],{"class":338},[328,1421,811],{"class":334},[328,1423,1424],{"class":1268}," 19.99",[328,1426,1272],{"class":334},[328,1428,1314],{"class":338},[328,1430,811],{"class":334},[328,1432,1433],{"class":1268}," 200",[328,1435,1322],{"class":334},[328,1437,1438],{"class":330,"line":649},[328,1439,1441],{"class":1440},"sHwdD","  \u002F\u002F ... more data\n",[328,1443,1444],{"class":330,"line":654},[328,1445,777],{"class":370},[328,1447,1448],{"class":330,"line":661},[328,1449,517],{"emptyLinePlaceholder":516},[328,1451,1452,1454,1457,1459,1462,1464,1466,1468,1471,1473],{"class":330,"line":676},[328,1453,486],{"class":360},[328,1455,1456],{"class":370}," columns",[328,1458,811],{"class":334},[328,1460,1461],{"class":1170}," NuGridColumn",[328,1463,335],{"class":334},[328,1465,1246],{"class":1170},[328,1467,1252],{"class":334},[328,1469,1470],{"class":370},"[] ",[328,1472,364],{"class":334},[328,1474,1475],{"class":370}," [\n",[328,1477,1478,1480,1483,1485,1487,1489,1491,1493,1496,1498,1500,1503,1505],{"class":330,"line":691},[328,1479,1260],{"class":334},[328,1481,1482],{"class":338}," accessorKey",[328,1484,811],{"class":334},[328,1486,1280],{"class":334},[328,1488,772],{"class":476},[328,1490,575],{"class":334},[328,1492,1272],{"class":334},[328,1494,1495],{"class":338}," header",[328,1497,811],{"class":334},[328,1499,1280],{"class":334},[328,1501,1502],{"class":476},"Category",[328,1504,575],{"class":334},[328,1506,1322],{"class":334},[328,1508,1509,1511,1513,1515,1517,1520,1522,1524,1526,1528,1530,1533,1535],{"class":330,"line":710},[328,1510,1260],{"class":334},[328,1512,1482],{"class":338},[328,1514,811],{"class":334},[328,1516,1280],{"class":334},[328,1518,1519],{"class":476},"name",[328,1521,575],{"class":334},[328,1523,1272],{"class":334},[328,1525,1495],{"class":338},[328,1527,811],{"class":334},[328,1529,1280],{"class":334},[328,1531,1532],{"class":476},"Name",[328,1534,575],{"class":334},[328,1536,1322],{"class":334},[328,1538,1539,1541,1543,1545,1547,1550,1552,1554,1556,1558,1560,1563,1565],{"class":330,"line":715},[328,1540,1260],{"class":334},[328,1542,1482],{"class":338},[328,1544,811],{"class":334},[328,1546,1280],{"class":334},[328,1548,1549],{"class":476},"price",[328,1551,575],{"class":334},[328,1553,1272],{"class":334},[328,1555,1495],{"class":338},[328,1557,811],{"class":334},[328,1559,1280],{"class":334},[328,1561,1562],{"class":476},"Price",[328,1564,575],{"class":334},[328,1566,1322],{"class":334},[328,1568,1570,1572,1574,1576,1578,1581,1583,1585,1587,1589,1591,1594,1596],{"class":330,"line":1569},21,[328,1571,1260],{"class":334},[328,1573,1482],{"class":338},[328,1575,811],{"class":334},[328,1577,1280],{"class":334},[328,1579,1580],{"class":476},"stock",[328,1582,575],{"class":334},[328,1584,1272],{"class":334},[328,1586,1495],{"class":338},[328,1588,811],{"class":334},[328,1590,1280],{"class":334},[328,1592,1593],{"class":476},"Stock",[328,1595,575],{"class":334},[328,1597,1322],{"class":334},[328,1599,1601],{"class":330,"line":1600},22,[328,1602,1603],{"class":370},"]\n",[328,1605,1607],{"class":330,"line":1606},23,[328,1608,517],{"emptyLinePlaceholder":516},[328,1610,1612,1614,1616,1618,1620,1622,1624],{"class":330,"line":1611},24,[328,1613,486],{"class":360},[328,1615,489],{"class":370},[328,1617,364],{"class":334},[328,1619,495],{"class":494},[328,1621,498],{"class":370},[328,1623,443],{"class":413},[328,1625,503],{"class":370},[328,1627,1629,1631,1633],{"class":330,"line":1628},25,[328,1630,430],{"class":334},[328,1632,463],{"class":338},[328,1634,342],{"class":334},[328,1636,1638],{"class":330,"line":1637},26,[328,1639,517],{"emptyLinePlaceholder":516},[328,1641,1643,1645,1647],{"class":330,"line":1642},27,[328,1644,335],{"class":334},[328,1646,339],{"class":338},[328,1648,342],{"class":334},[328,1650,1652,1654],{"class":330,"line":1651},28,[328,1653,348],{"class":334},[328,1655,351],{"class":338},[328,1657,1659,1661,1663,1665,1667,1669],{"class":330,"line":1658},29,[328,1660,357],{"class":334},[328,1662,361],{"class":360},[328,1664,364],{"class":334},[328,1666,367],{"class":334},[328,1668,361],{"class":370},[328,1670,373],{"class":334},[328,1672,1674,1676,1678,1680,1682,1684],{"class":330,"line":1673},30,[328,1675,357],{"class":334},[328,1677,381],{"class":360},[328,1679,364],{"class":334},[328,1681,367],{"class":334},[328,1683,381],{"class":370},[328,1685,373],{"class":334},[328,1687,1689,1691,1693,1695,1697,1699,1701,1703],{"class":330,"line":1688},31,[328,1690,357],{"class":334},[328,1692,397],{"class":360},[328,1694,364],{"class":334},[328,1696,367],{"class":334},[328,1698,404],{"class":334},[328,1700,407],{"class":370},[328,1702,416],{"class":334},[328,1704,373],{"class":334},[328,1706,1708],{"class":330,"line":1707},32,[328,1709,424],{"class":334},[328,1711,1713,1715,1717],{"class":330,"line":1712},33,[328,1714,430],{"class":334},[328,1716,339],{"class":338},[328,1718,342],{"class":334},[304,1720,1722],{"id":1721},"next-steps","Next Steps",[1724,1725,1726,1732],"card-group",{},[1727,1728,1729],"card",{"icon":113,"title":110,"to":111},[295,1730,1731],{},"Keep headers visible while scrolling.",[1727,1733,1736],{"icon":1734,"title":1735,"to":116},"i-lucide-rows-4","Multi-Row Headers",[295,1737,1738],{},"Display columns across multiple header rows.",[1740,1741,1742],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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);}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":324,"searchDepth":345,"depth":345,"links":1744},[1745,1746,1747,1748,1749,1750],{"id":306,"depth":345,"text":307},{"id":447,"depth":345,"text":448},{"id":724,"depth":345,"text":725},{"id":1015,"depth":345,"text":1016},{"id":1136,"depth":345,"text":1137},{"id":1721,"depth":345,"text":1722},"Control column header visibility.","md",null,{},{"icon":123},{"title":120,"description":1751},"ikTnr0X45YDv2xADOdiMjS__c3x_lQR7qi7DlBLbZXA",[1759,1761],{"title":115,"path":116,"stem":117,"description":1760,"icon":118,"children":-1},"Display multiple visual rows per data item.",{"title":131,"path":132,"stem":133,"description":1762,"icon":126,"children":-1},"Use built-in themes to style NuGrid.",1790125274524]