[{"data":1,"prerenderedAt":6317},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fdata-table":320,"\u002Fcomponents\u002Fdata-table-surround":6311},[4,28],{"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},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":90,"body":322,"description":6303,"extension":6304,"links":6305,"meta":6306,"navigation":6307,"path":91,"seo":6309,"stem":92,"__hash__":6310},"docs\u002F2.components\u002Fdata-table.md",{"type":323,"value":324,"toc":6278},"minimark",[325,333,340,345,484,493,496,502,1399,1403,1408,1418,1533,1543,1838,1842,1845,2039,2045,2073,2077,2094,2264,2274,2281,2284,2297,2405,2419,2423,2433,2893,2909,2913,2930,3105,3233,3239,3249,3253,3256,3474,3490,3493,3497,3500,3597,3601,3605,3837,3841,4431,4435,4733,4737,4755,4918,4922,5198,5202,5216,5421,5446,5450,5670,5674,6114,6130,6134,6271,6274],[326,327,328,332],"p",{},[329,330,331],"code",{},"DataTable"," renders typed columns and row data as a semantic HTML table. Akaza manages structure and interaction state. Your application supplies data, cell content, and styles.",[326,334,335,336,339],{},"It supports sorting, filtering, selection, pagination, grouped headers, expandable rows, and pinned columns. It renders a native ",[329,337,338],{},"table"," and keeps standard table reading behavior for screen readers.",[341,342,344],"h2",{"id":343},"anatomy","Anatomy",[346,347,348,358,366,374,382,390,402,410,418,426,434,442,461],"ul",{},[349,350,351,357],"li",{},[352,353,354],"strong",{},[329,355,356],{},"#toolbar",": Search, filters, view controls, and bulk actions above the table.",[349,359,360,365],{},[352,361,362],{},[329,363,364],{},"#caption",": Visible or visually hidden table caption.",[349,367,368,373],{},[352,369,370],{},[329,371,372],{},"#[column.id]-header",": Header content for one column.",[349,375,376,381],{},[352,377,378],{},[329,379,380],{},"#header",": Generic fallback for every header.",[349,383,384,389],{},[352,385,386],{},[329,387,388],{},"#sort-indicator",": Sort direction indicator.",[349,391,392,397,398,401],{},[352,393,394],{},[329,395,396],{},"#[column.id]-cell",": Cell content for one column, such as ",[329,399,400],{},"#name-cell",".",[349,403,404,409],{},[352,405,406],{},[329,407,408],{},"#cell",": Generic fallback for every body cell.",[349,411,412,417],{},[352,413,414],{},[329,415,416],{},"#expanded",": Detail row rendered after an expanded data row.",[349,419,420,425],{},[352,421,422],{},[329,423,424],{},"#[column.id]-footer",": Footer content for one column.",[349,427,428,433],{},[352,429,430],{},[329,431,432],{},"#footer",": Generic fallback for every footer cell.",[349,435,436,441],{},[352,437,438],{},[329,439,440],{},"#pagination",": Replaces the built-in Pagination composition.",[349,443,444,449,450,449,455,460],{},[352,445,446],{},[329,447,448],{},"#loading",", ",[352,451,452],{},[329,453,454],{},"#error",[352,456,457],{},[329,458,459],{},"#empty",": Complete table-body states.",[349,462,463,449,468,449,473,449,478,483],{},[352,464,465],{},[329,466,467],{},"#expansion-trigger",[352,469,470],{},[329,471,472],{},"#reorder-handle",[352,474,475],{},[329,476,477],{},"#column-reorder-handle",[352,479,480],{},[329,481,482],{},"#resize-handle",": Interaction control content.",[326,485,486,487,489,490,492],{},"Data Table generates the native table structure, controls, state rows, paginator, and result count. Generic ",[329,488,380],{}," and ",[329,491,408],{}," slots keep built-in controls. A column slot replaces that part, including any selection, sorting, expansion, or reorder control it contained.",[341,494,23],{"id":495},"usage",[497,498,499],"component-preview",{},[500,501],"examples-data-table-demo",{},[503,504,505],"component-code",{},[506,507,512],"pre",{"className":508,"code":509,"language":510,"meta":511,"style":511},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { DataTableColumn, DataTableRowKey } from \"akaza-ui\";\nimport { DataTable } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  status: \"active\" | \"invited\";\n}\n\nconst rows: User[] = [\n  { id: 1, name: \"Ada Lovelace\", email: \"ada@example.com\", status: \"active\" },\n  { id: 2, name: \"Grace Hopper\", email: \"grace@example.com\", status: \"invited\" },\n];\n\nconst columns: DataTableColumn\u003CUser>[] = [\n  { id: \"select\", type: \"selection\", size: 44 },\n  { accessor: \"name\", header: \"Member\", sortable: true },\n  { accessor: \"status\", header: \"Status\", sortable: true },\n  { id: \"actions\", type: \"display\", header: \"\" },\n];\n\nconst selection = ref\u003CDataTableRowKey[]>([]);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDataTable\n    v-model:selection=\"selection\"\n    :data=\"rows\"\n    :columns=\"columns\"\n    row-key=\"id\"\n    selection-mode=\"multiple\"\n  >\n    \u003Ctemplate #name-cell=\"{ row }\">\n      \u003Cstrong>{{ row.original.name }}\u003C\u002Fstrong>\n      \u003Csmall>{{ row.original.email }}\u003C\u002Fsmall>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #actions-cell=\"{ row }\">\n      \u003Cbutton type=\"button\" @click.stop=\"openUser(row.original)\">Open\u003C\u002Fbutton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FDataTable>\n\u003C\u002Ftemplate>\n","vue","",[329,513,514,549,589,611,633,640,653,667,680,692,719,725,730,751,810,862,870,875,901,942,986,1025,1065,1072,1077,1105,1115,1120,1130,1139,1154,1169,1184,1199,1214,1220,1251,1270,1289,1299,1304,1330,1371,1380,1390],{"__ignoreMap":511},[515,516,519,523,527,531,534,537,540,544,546],"span",{"class":517,"line":518},"line",1,[515,520,522],{"class":521},"sMK4o","\u003C",[515,524,526],{"class":525},"swJcz","script",[515,528,530],{"class":529},"spNyl"," setup",[515,532,533],{"class":529}," lang",[515,535,536],{"class":521},"=",[515,538,539],{"class":521},"\"",[515,541,543],{"class":542},"sfazB","ts",[515,545,539],{"class":521},[515,547,548],{"class":521},">\n",[515,550,552,556,559,562,566,569,572,575,578,581,584,586],{"class":517,"line":551},2,[515,553,555],{"class":554},"s7zQu","import",[515,557,558],{"class":554}," type",[515,560,561],{"class":521}," {",[515,563,565],{"class":564},"sTEyZ"," DataTableColumn",[515,567,568],{"class":521},",",[515,570,571],{"class":564}," DataTableRowKey",[515,573,574],{"class":521}," }",[515,576,577],{"class":554}," from",[515,579,580],{"class":521}," \"",[515,582,583],{"class":542},"akaza-ui",[515,585,539],{"class":521},[515,587,588],{"class":521},";\n",[515,590,592,594,596,599,601,603,605,607,609],{"class":517,"line":591},3,[515,593,555],{"class":554},[515,595,561],{"class":521},[515,597,598],{"class":564}," DataTable",[515,600,574],{"class":521},[515,602,577],{"class":554},[515,604,580],{"class":521},[515,606,583],{"class":542},[515,608,539],{"class":521},[515,610,588],{"class":521},[515,612,614,616,618,621,623,625,627,629,631],{"class":517,"line":613},4,[515,615,555],{"class":554},[515,617,561],{"class":521},[515,619,620],{"class":564}," ref",[515,622,574],{"class":521},[515,624,577],{"class":554},[515,626,580],{"class":521},[515,628,510],{"class":542},[515,630,539],{"class":521},[515,632,588],{"class":521},[515,634,636],{"class":517,"line":635},5,[515,637,639],{"emptyLinePlaceholder":638},true,"\n",[515,641,643,646,650],{"class":517,"line":642},6,[515,644,645],{"class":529},"interface",[515,647,649],{"class":648},"sBMFI"," User",[515,651,652],{"class":521}," {\n",[515,654,656,659,662,665],{"class":517,"line":655},7,[515,657,658],{"class":525},"  id",[515,660,661],{"class":521},":",[515,663,664],{"class":648}," number",[515,666,588],{"class":521},[515,668,670,673,675,678],{"class":517,"line":669},8,[515,671,672],{"class":525},"  name",[515,674,661],{"class":521},[515,676,677],{"class":648}," string",[515,679,588],{"class":521},[515,681,683,686,688,690],{"class":517,"line":682},9,[515,684,685],{"class":525},"  email",[515,687,661],{"class":521},[515,689,677],{"class":648},[515,691,588],{"class":521},[515,693,695,698,700,702,705,707,710,712,715,717],{"class":517,"line":694},10,[515,696,697],{"class":525},"  status",[515,699,661],{"class":521},[515,701,580],{"class":521},[515,703,704],{"class":542},"active",[515,706,539],{"class":521},[515,708,709],{"class":521}," |",[515,711,580],{"class":521},[515,713,714],{"class":542},"invited",[515,716,539],{"class":521},[515,718,588],{"class":521},[515,720,722],{"class":517,"line":721},11,[515,723,724],{"class":521},"}\n",[515,726,728],{"class":517,"line":727},12,[515,729,639],{"emptyLinePlaceholder":638},[515,731,733,736,739,741,743,746,748],{"class":517,"line":732},13,[515,734,735],{"class":529},"const",[515,737,738],{"class":564}," rows",[515,740,661],{"class":521},[515,742,649],{"class":648},[515,744,745],{"class":564},"[] ",[515,747,536],{"class":521},[515,749,750],{"class":564}," [\n",[515,752,754,757,760,762,766,768,771,773,775,778,780,782,785,787,789,792,794,796,799,801,803,805,807],{"class":517,"line":753},14,[515,755,756],{"class":521},"  {",[515,758,759],{"class":525}," id",[515,761,661],{"class":521},[515,763,765],{"class":764},"sbssI"," 1",[515,767,568],{"class":521},[515,769,770],{"class":525}," name",[515,772,661],{"class":521},[515,774,580],{"class":521},[515,776,777],{"class":542},"Ada Lovelace",[515,779,539],{"class":521},[515,781,568],{"class":521},[515,783,784],{"class":525}," email",[515,786,661],{"class":521},[515,788,580],{"class":521},[515,790,791],{"class":542},"ada@example.com",[515,793,539],{"class":521},[515,795,568],{"class":521},[515,797,798],{"class":525}," status",[515,800,661],{"class":521},[515,802,580],{"class":521},[515,804,704],{"class":542},[515,806,539],{"class":521},[515,808,809],{"class":521}," },\n",[515,811,813,815,817,819,822,824,826,828,830,833,835,837,839,841,843,846,848,850,852,854,856,858,860],{"class":517,"line":812},15,[515,814,756],{"class":521},[515,816,759],{"class":525},[515,818,661],{"class":521},[515,820,821],{"class":764}," 2",[515,823,568],{"class":521},[515,825,770],{"class":525},[515,827,661],{"class":521},[515,829,580],{"class":521},[515,831,832],{"class":542},"Grace Hopper",[515,834,539],{"class":521},[515,836,568],{"class":521},[515,838,784],{"class":525},[515,840,661],{"class":521},[515,842,580],{"class":521},[515,844,845],{"class":542},"grace@example.com",[515,847,539],{"class":521},[515,849,568],{"class":521},[515,851,798],{"class":525},[515,853,661],{"class":521},[515,855,580],{"class":521},[515,857,714],{"class":542},[515,859,539],{"class":521},[515,861,809],{"class":521},[515,863,865,868],{"class":517,"line":864},16,[515,866,867],{"class":564},"]",[515,869,588],{"class":521},[515,871,873],{"class":517,"line":872},17,[515,874,639],{"emptyLinePlaceholder":638},[515,876,878,880,883,885,887,889,892,895,897,899],{"class":517,"line":877},18,[515,879,735],{"class":529},[515,881,882],{"class":564}," columns",[515,884,661],{"class":521},[515,886,565],{"class":648},[515,888,522],{"class":521},[515,890,891],{"class":648},"User",[515,893,894],{"class":521},">",[515,896,745],{"class":564},[515,898,536],{"class":521},[515,900,750],{"class":564},[515,902,904,906,908,910,912,915,917,919,921,923,925,928,930,932,935,937,940],{"class":517,"line":903},19,[515,905,756],{"class":521},[515,907,759],{"class":525},[515,909,661],{"class":521},[515,911,580],{"class":521},[515,913,914],{"class":542},"select",[515,916,539],{"class":521},[515,918,568],{"class":521},[515,920,558],{"class":525},[515,922,661],{"class":521},[515,924,580],{"class":521},[515,926,927],{"class":542},"selection",[515,929,539],{"class":521},[515,931,568],{"class":521},[515,933,934],{"class":525}," size",[515,936,661],{"class":521},[515,938,939],{"class":764}," 44",[515,941,809],{"class":521},[515,943,945,947,950,952,954,957,959,961,964,966,968,971,973,975,978,980,984],{"class":517,"line":944},20,[515,946,756],{"class":521},[515,948,949],{"class":525}," accessor",[515,951,661],{"class":521},[515,953,580],{"class":521},[515,955,956],{"class":542},"name",[515,958,539],{"class":521},[515,960,568],{"class":521},[515,962,963],{"class":525}," header",[515,965,661],{"class":521},[515,967,580],{"class":521},[515,969,970],{"class":542},"Member",[515,972,539],{"class":521},[515,974,568],{"class":521},[515,976,977],{"class":525}," sortable",[515,979,661],{"class":521},[515,981,983],{"class":982},"sfNiH"," true",[515,985,809],{"class":521},[515,987,989,991,993,995,997,1000,1002,1004,1006,1008,1010,1013,1015,1017,1019,1021,1023],{"class":517,"line":988},21,[515,990,756],{"class":521},[515,992,949],{"class":525},[515,994,661],{"class":521},[515,996,580],{"class":521},[515,998,999],{"class":542},"status",[515,1001,539],{"class":521},[515,1003,568],{"class":521},[515,1005,963],{"class":525},[515,1007,661],{"class":521},[515,1009,580],{"class":521},[515,1011,1012],{"class":542},"Status",[515,1014,539],{"class":521},[515,1016,568],{"class":521},[515,1018,977],{"class":525},[515,1020,661],{"class":521},[515,1022,983],{"class":982},[515,1024,809],{"class":521},[515,1026,1028,1030,1032,1034,1036,1039,1041,1043,1045,1047,1049,1052,1054,1056,1058,1060,1063],{"class":517,"line":1027},22,[515,1029,756],{"class":521},[515,1031,759],{"class":525},[515,1033,661],{"class":521},[515,1035,580],{"class":521},[515,1037,1038],{"class":542},"actions",[515,1040,539],{"class":521},[515,1042,568],{"class":521},[515,1044,558],{"class":525},[515,1046,661],{"class":521},[515,1048,580],{"class":521},[515,1050,1051],{"class":542},"display",[515,1053,539],{"class":521},[515,1055,568],{"class":521},[515,1057,963],{"class":525},[515,1059,661],{"class":521},[515,1061,1062],{"class":521}," \"\"",[515,1064,809],{"class":521},[515,1066,1068,1070],{"class":517,"line":1067},23,[515,1069,867],{"class":564},[515,1071,588],{"class":521},[515,1073,1075],{"class":517,"line":1074},24,[515,1076,639],{"emptyLinePlaceholder":638},[515,1078,1080,1082,1085,1087,1090,1092,1095,1098,1100,1103],{"class":517,"line":1079},25,[515,1081,735],{"class":529},[515,1083,1084],{"class":564}," selection ",[515,1086,536],{"class":521},[515,1088,620],{"class":1089},"s2Zo4",[515,1091,522],{"class":521},[515,1093,1094],{"class":648},"DataTableRowKey",[515,1096,1097],{"class":564},"[]",[515,1099,894],{"class":521},[515,1101,1102],{"class":564},"([])",[515,1104,588],{"class":521},[515,1106,1108,1111,1113],{"class":517,"line":1107},26,[515,1109,1110],{"class":521},"\u003C\u002F",[515,1112,526],{"class":525},[515,1114,548],{"class":521},[515,1116,1118],{"class":517,"line":1117},27,[515,1119,639],{"emptyLinePlaceholder":638},[515,1121,1123,1125,1128],{"class":517,"line":1122},28,[515,1124,522],{"class":521},[515,1126,1127],{"class":525},"template",[515,1129,548],{"class":521},[515,1131,1133,1136],{"class":517,"line":1132},29,[515,1134,1135],{"class":521},"  \u003C",[515,1137,1138],{"class":525},"DataTable\n",[515,1140,1142,1145,1147,1149,1151],{"class":517,"line":1141},30,[515,1143,1144],{"class":529},"    v-model:selection",[515,1146,536],{"class":521},[515,1148,539],{"class":521},[515,1150,927],{"class":542},[515,1152,1153],{"class":521},"\"\n",[515,1155,1157,1160,1162,1164,1167],{"class":517,"line":1156},31,[515,1158,1159],{"class":529},"    :data",[515,1161,536],{"class":521},[515,1163,539],{"class":521},[515,1165,1166],{"class":542},"rows",[515,1168,1153],{"class":521},[515,1170,1172,1175,1177,1179,1182],{"class":517,"line":1171},32,[515,1173,1174],{"class":529},"    :columns",[515,1176,536],{"class":521},[515,1178,539],{"class":521},[515,1180,1181],{"class":542},"columns",[515,1183,1153],{"class":521},[515,1185,1187,1190,1192,1194,1197],{"class":517,"line":1186},33,[515,1188,1189],{"class":529},"    row-key",[515,1191,536],{"class":521},[515,1193,539],{"class":521},[515,1195,1196],{"class":542},"id",[515,1198,1153],{"class":521},[515,1200,1202,1205,1207,1209,1212],{"class":517,"line":1201},34,[515,1203,1204],{"class":529},"    selection-mode",[515,1206,536],{"class":521},[515,1208,539],{"class":521},[515,1210,1211],{"class":542},"multiple",[515,1213,1153],{"class":521},[515,1215,1217],{"class":517,"line":1216},35,[515,1218,1219],{"class":521},"  >\n",[515,1221,1223,1226,1228,1231,1234,1236,1238,1241,1244,1247,1249],{"class":517,"line":1222},36,[515,1224,1225],{"class":521},"    \u003C",[515,1227,1127],{"class":525},[515,1229,1230],{"class":521}," #",[515,1232,1233],{"class":529},"name-cell",[515,1235,536],{"class":521},[515,1237,539],{"class":521},[515,1239,1240],{"class":521},"{",[515,1242,1243],{"class":564}," row ",[515,1245,1246],{"class":521},"}",[515,1248,539],{"class":521},[515,1250,548],{"class":521},[515,1252,1254,1257,1259,1261,1264,1266,1268],{"class":517,"line":1253},37,[515,1255,1256],{"class":521},"      \u003C",[515,1258,352],{"class":525},[515,1260,894],{"class":521},[515,1262,1263],{"class":564},"{{ row.original.name }}",[515,1265,1110],{"class":521},[515,1267,352],{"class":525},[515,1269,548],{"class":521},[515,1271,1273,1275,1278,1280,1283,1285,1287],{"class":517,"line":1272},38,[515,1274,1256],{"class":521},[515,1276,1277],{"class":525},"small",[515,1279,894],{"class":521},[515,1281,1282],{"class":564},"{{ row.original.email }}",[515,1284,1110],{"class":521},[515,1286,1277],{"class":525},[515,1288,548],{"class":521},[515,1290,1292,1295,1297],{"class":517,"line":1291},39,[515,1293,1294],{"class":521},"    \u003C\u002F",[515,1296,1127],{"class":525},[515,1298,548],{"class":521},[515,1300,1302],{"class":517,"line":1301},40,[515,1303,639],{"emptyLinePlaceholder":638},[515,1305,1307,1309,1311,1313,1316,1318,1320,1322,1324,1326,1328],{"class":517,"line":1306},41,[515,1308,1225],{"class":521},[515,1310,1127],{"class":525},[515,1312,1230],{"class":521},[515,1314,1315],{"class":529},"actions-cell",[515,1317,536],{"class":521},[515,1319,539],{"class":521},[515,1321,1240],{"class":521},[515,1323,1243],{"class":564},[515,1325,1246],{"class":521},[515,1327,539],{"class":521},[515,1329,548],{"class":521},[515,1331,1333,1335,1338,1340,1342,1344,1346,1348,1351,1353,1355,1358,1360,1362,1365,1367,1369],{"class":517,"line":1332},42,[515,1334,1256],{"class":521},[515,1336,1337],{"class":525},"button",[515,1339,558],{"class":529},[515,1341,536],{"class":521},[515,1343,539],{"class":521},[515,1345,1337],{"class":542},[515,1347,539],{"class":521},[515,1349,1350],{"class":529}," @click.stop",[515,1352,536],{"class":521},[515,1354,539],{"class":521},[515,1356,1357],{"class":542},"openUser(row.original)",[515,1359,539],{"class":521},[515,1361,894],{"class":521},[515,1363,1364],{"class":564},"Open",[515,1366,1110],{"class":521},[515,1368,1337],{"class":525},[515,1370,548],{"class":521},[515,1372,1374,1376,1378],{"class":517,"line":1373},43,[515,1375,1294],{"class":521},[515,1377,1127],{"class":525},[515,1379,548],{"class":521},[515,1381,1383,1386,1388],{"class":517,"line":1382},44,[515,1384,1385],{"class":521},"  \u003C\u002F",[515,1387,331],{"class":525},[515,1389,548],{"class":521},[515,1391,1393,1395,1397],{"class":517,"line":1392},45,[515,1394,1110],{"class":521},[515,1396,1127],{"class":525},[515,1398,548],{"class":521},[341,1400,1402],{"id":1401},"examples","Examples",[1404,1405,1407],"h3",{"id":1406},"custom-headers-and-cells","Custom headers and cells",[326,1409,1410,1411,489,1414,1417],{},"Use ",[329,1412,1413],{},"#[id]-header",[329,1415,1416],{},"#[id]-cell"," for the clearest template-first API. Each cell receives the row, column, resolved value, indexes, and table controller.",[506,1419,1421],{"className":508,"code":1420,"language":510,"meta":511,"style":511},"\u003CDataTable :data=\"users\" :columns=\"columns\" row-key=\"id\">\n  \u003Ctemplate #name-header=\"{ column, toggleSorting }\">\n    \u003Cbutton type=\"button\" @click=\"toggleSorting\">{{ column.definition.header }}\u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #name-cell=\"{ row }\">\n    \u003CAvatar :src=\"row.original.avatar\" \u002F>\n    \u003Cspan>{{ row.original.firstName }} {{ row.original.lastName }}\u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #status-cell=\"{ value }\">\n    \u003CStatusBadge :status=\"value\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,1422,1423,1469,1474,1479,1484,1488,1493,1498,1503,1507,1511,1516,1521,1525],{"__ignoreMap":511},[515,1424,1425,1427,1429,1432,1435,1437,1439,1442,1444,1446,1448,1450,1452,1454,1456,1459,1461,1463,1465,1467],{"class":517,"line":518},[515,1426,522],{"class":521},[515,1428,331],{"class":525},[515,1430,1431],{"class":521}," :",[515,1433,1434],{"class":529},"data",[515,1436,536],{"class":521},[515,1438,539],{"class":521},[515,1440,1441],{"class":564},"users",[515,1443,539],{"class":521},[515,1445,1431],{"class":521},[515,1447,1181],{"class":529},[515,1449,536],{"class":521},[515,1451,539],{"class":521},[515,1453,1181],{"class":564},[515,1455,539],{"class":521},[515,1457,1458],{"class":529}," row-key",[515,1460,536],{"class":521},[515,1462,539],{"class":521},[515,1464,1196],{"class":542},[515,1466,539],{"class":521},[515,1468,548],{"class":521},[515,1470,1471],{"class":517,"line":551},[515,1472,1473],{"class":564},"  \u003Ctemplate #name-header=\"{ column, toggleSorting }\">\n",[515,1475,1476],{"class":517,"line":591},[515,1477,1478],{"class":564},"    \u003Cbutton type=\"button\" @click=\"toggleSorting\">{{ column.definition.header }}\u003C\u002Fbutton>\n",[515,1480,1481],{"class":517,"line":613},[515,1482,1483],{"class":564},"  \u003C\u002Ftemplate>\n",[515,1485,1486],{"class":517,"line":635},[515,1487,639],{"emptyLinePlaceholder":638},[515,1489,1490],{"class":517,"line":642},[515,1491,1492],{"class":564},"  \u003Ctemplate #name-cell=\"{ row }\">\n",[515,1494,1495],{"class":517,"line":655},[515,1496,1497],{"class":564},"    \u003CAvatar :src=\"row.original.avatar\" \u002F>\n",[515,1499,1500],{"class":517,"line":669},[515,1501,1502],{"class":564},"    \u003Cspan>{{ row.original.firstName }} {{ row.original.lastName }}\u003C\u002Fspan>\n",[515,1504,1505],{"class":517,"line":682},[515,1506,1483],{"class":564},[515,1508,1509],{"class":517,"line":694},[515,1510,639],{"emptyLinePlaceholder":638},[515,1512,1513],{"class":517,"line":721},[515,1514,1515],{"class":564},"  \u003Ctemplate #status-cell=\"{ value }\">\n",[515,1517,1518],{"class":517,"line":727},[515,1519,1520],{"class":564},"    \u003CStatusBadge :status=\"value\" \u002F>\n",[515,1522,1523],{"class":517,"line":732},[515,1524,1483],{"class":564},[515,1526,1527,1529,1531],{"class":517,"line":753},[515,1528,1110],{"class":521},[515,1530,331],{"class":525},[515,1532,548],{"class":521},[326,1534,1535,1536,1539,1540,401],{},"Column render functions are also supported when definitions belong in TypeScript. Slot precedence is specific named slot, generic slot, column render function, then formatted accessor value. Use ",[329,1537,1538],{},"createDataTableColumnHelper\u003CT>()"," when a render function needs its accessor value inferred instead of ",[329,1541,1542],{},"unknown",[506,1544,1547],{"className":1545,"code":1546,"language":543,"meta":511,"style":511},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createDataTableColumnHelper } from \"akaza-ui\";\n\nconst column = createDataTableColumnHelper\u003CUser>();\n\nconst columns = [\n  column.accessor(\"name\", {\n    header: ({ column }) => h(\"span\", { class: \"min-w-48\" }, column.id),\n    cell: ({ row }) => h(UserSummary, { user: row.original }),\n    ui: { header: \"min-w-48\", cell: \"font-medium\" },\n    attrs: { cell: ({ row }) => ({ \"data-user-id\": row.id }) },\n  }),\n];\n",[329,1548,1549,1570,1574,1596,1600,1611,1634,1694,1738,1773,1823,1832],{"__ignoreMap":511},[515,1550,1551,1553,1555,1558,1560,1562,1564,1566,1568],{"class":517,"line":518},[515,1552,555],{"class":554},[515,1554,561],{"class":521},[515,1556,1557],{"class":564}," createDataTableColumnHelper",[515,1559,574],{"class":521},[515,1561,577],{"class":554},[515,1563,580],{"class":521},[515,1565,583],{"class":542},[515,1567,539],{"class":521},[515,1569,588],{"class":521},[515,1571,1572],{"class":517,"line":551},[515,1573,639],{"emptyLinePlaceholder":638},[515,1575,1576,1578,1581,1583,1585,1587,1589,1591,1594],{"class":517,"line":591},[515,1577,735],{"class":529},[515,1579,1580],{"class":564}," column ",[515,1582,536],{"class":521},[515,1584,1557],{"class":1089},[515,1586,522],{"class":521},[515,1588,891],{"class":648},[515,1590,894],{"class":521},[515,1592,1593],{"class":564},"()",[515,1595,588],{"class":521},[515,1597,1598],{"class":517,"line":613},[515,1599,639],{"emptyLinePlaceholder":638},[515,1601,1602,1604,1607,1609],{"class":517,"line":635},[515,1603,735],{"class":529},[515,1605,1606],{"class":564}," columns ",[515,1608,536],{"class":521},[515,1610,750],{"class":564},[515,1612,1613,1616,1618,1621,1624,1626,1628,1630,1632],{"class":517,"line":642},[515,1614,1615],{"class":564},"  column",[515,1617,401],{"class":521},[515,1619,1620],{"class":1089},"accessor",[515,1622,1623],{"class":564},"(",[515,1625,539],{"class":521},[515,1627,956],{"class":542},[515,1629,539],{"class":521},[515,1631,568],{"class":521},[515,1633,652],{"class":521},[515,1635,1636,1639,1641,1644,1648,1651,1654,1657,1659,1661,1663,1665,1667,1669,1672,1674,1676,1679,1681,1684,1686,1688,1691],{"class":517,"line":655},[515,1637,1638],{"class":1089},"    header",[515,1640,661],{"class":521},[515,1642,1643],{"class":521}," ({",[515,1645,1647],{"class":1646},"sHdIc"," column",[515,1649,1650],{"class":521}," })",[515,1652,1653],{"class":529}," =>",[515,1655,1656],{"class":1089}," h",[515,1658,1623],{"class":564},[515,1660,539],{"class":521},[515,1662,515],{"class":542},[515,1664,539],{"class":521},[515,1666,568],{"class":521},[515,1668,561],{"class":521},[515,1670,1671],{"class":525}," class",[515,1673,661],{"class":521},[515,1675,580],{"class":521},[515,1677,1678],{"class":542},"min-w-48",[515,1680,539],{"class":521},[515,1682,1683],{"class":521}," },",[515,1685,1647],{"class":564},[515,1687,401],{"class":521},[515,1689,1690],{"class":564},"id)",[515,1692,1693],{"class":521},",\n",[515,1695,1696,1699,1701,1703,1706,1708,1710,1712,1715,1717,1719,1722,1724,1726,1728,1731,1733,1736],{"class":517,"line":669},[515,1697,1698],{"class":1089},"    cell",[515,1700,661],{"class":521},[515,1702,1643],{"class":521},[515,1704,1705],{"class":1646}," row",[515,1707,1650],{"class":521},[515,1709,1653],{"class":529},[515,1711,1656],{"class":1089},[515,1713,1714],{"class":564},"(UserSummary",[515,1716,568],{"class":521},[515,1718,561],{"class":521},[515,1720,1721],{"class":525}," user",[515,1723,661],{"class":521},[515,1725,1705],{"class":564},[515,1727,401],{"class":521},[515,1729,1730],{"class":564},"original ",[515,1732,1246],{"class":521},[515,1734,1735],{"class":564},")",[515,1737,1693],{"class":521},[515,1739,1740,1743,1745,1747,1749,1751,1753,1755,1757,1759,1762,1764,1766,1769,1771],{"class":517,"line":682},[515,1741,1742],{"class":525},"    ui",[515,1744,661],{"class":521},[515,1746,561],{"class":521},[515,1748,963],{"class":525},[515,1750,661],{"class":521},[515,1752,580],{"class":521},[515,1754,1678],{"class":542},[515,1756,539],{"class":521},[515,1758,568],{"class":521},[515,1760,1761],{"class":525}," cell",[515,1763,661],{"class":521},[515,1765,580],{"class":521},[515,1767,1768],{"class":542},"font-medium",[515,1770,539],{"class":521},[515,1772,809],{"class":521},[515,1774,1775,1778,1780,1782,1784,1786,1788,1790,1792,1794,1797,1799,1801,1804,1806,1808,1810,1812,1815,1817,1820],{"class":517,"line":694},[515,1776,1777],{"class":525},"    attrs",[515,1779,661],{"class":521},[515,1781,561],{"class":521},[515,1783,1761],{"class":1089},[515,1785,661],{"class":521},[515,1787,1643],{"class":521},[515,1789,1705],{"class":1646},[515,1791,1650],{"class":521},[515,1793,1653],{"class":529},[515,1795,1796],{"class":564}," (",[515,1798,1240],{"class":521},[515,1800,580],{"class":521},[515,1802,1803],{"class":525},"data-user-id",[515,1805,539],{"class":521},[515,1807,661],{"class":521},[515,1809,1705],{"class":564},[515,1811,401],{"class":521},[515,1813,1814],{"class":564},"id ",[515,1816,1246],{"class":521},[515,1818,1819],{"class":564},") ",[515,1821,1822],{"class":521},"},\n",[515,1824,1825,1828,1830],{"class":517,"line":721},[515,1826,1827],{"class":521},"  }",[515,1829,1735],{"class":564},[515,1831,1693],{"class":521},[515,1833,1834,1836],{"class":517,"line":727},[515,1835,867],{"class":564},[515,1837,588],{"class":521},[1404,1839,1841],{"id":1840},"sorting-and-filtering","Sorting and filtering",[326,1843,1844],{},"Sorting and filters are Vue models. Use controller methods in the toolbar so all changes use the same cancelable event path.",[506,1846,1848],{"className":508,"code":1847,"language":510,"meta":511,"style":511},"\u003CDataTable\n  v-model:sorting=\"sorting\"\n  v-model:filters=\"filters\"\n  v-model:global-filter=\"search\"\n  :data=\"users\"\n  :columns=\"columns\"\n  row-key=\"id\"\n  sorting-mode=\"multiple\"\n>\n  \u003Ctemplate #toolbar=\"{ table }\">\n    \u003Cinput\n      :value=\"search\"\n      type=\"search\"\n      @input=\"table.setGlobalFilter($event.target.value, $event)\"\n    >\n    \u003Cbutton type=\"button\" @click=\"table.setFilter('status', 'active', $event)\">\n      Active only\n    \u003C\u002Fbutton>\n    \u003Cbutton type=\"button\" @click=\"table.clearFilter('status', $event)\">\n      All statuses\n    \u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,1849,1850,1856,1874,1891,1909,1924,1938,1951,1964,1968,1973,1978,1983,1988,1993,1998,2003,2008,2013,2018,2023,2027,2031],{"__ignoreMap":511},[515,1851,1852,1854],{"class":517,"line":518},[515,1853,522],{"class":521},[515,1855,1138],{"class":525},[515,1857,1858,1861,1863,1866,1868,1870,1872],{"class":517,"line":551},[515,1859,1860],{"class":529},"  v-model",[515,1862,661],{"class":521},[515,1864,1865],{"class":529},"sorting",[515,1867,536],{"class":521},[515,1869,539],{"class":521},[515,1871,1865],{"class":564},[515,1873,1153],{"class":521},[515,1875,1876,1878,1880,1883,1885,1887,1889],{"class":517,"line":591},[515,1877,1860],{"class":529},[515,1879,661],{"class":521},[515,1881,1882],{"class":529},"filters",[515,1884,536],{"class":521},[515,1886,539],{"class":521},[515,1888,1882],{"class":564},[515,1890,1153],{"class":521},[515,1892,1893,1895,1897,1900,1902,1904,1907],{"class":517,"line":613},[515,1894,1860],{"class":529},[515,1896,661],{"class":521},[515,1898,1899],{"class":529},"global-filter",[515,1901,536],{"class":521},[515,1903,539],{"class":521},[515,1905,1906],{"class":564},"search",[515,1908,1153],{"class":521},[515,1910,1911,1914,1916,1918,1920,1922],{"class":517,"line":635},[515,1912,1913],{"class":521},"  :",[515,1915,1434],{"class":529},[515,1917,536],{"class":521},[515,1919,539],{"class":521},[515,1921,1441],{"class":564},[515,1923,1153],{"class":521},[515,1925,1926,1928,1930,1932,1934,1936],{"class":517,"line":642},[515,1927,1913],{"class":521},[515,1929,1181],{"class":529},[515,1931,536],{"class":521},[515,1933,539],{"class":521},[515,1935,1181],{"class":564},[515,1937,1153],{"class":521},[515,1939,1940,1943,1945,1947,1949],{"class":517,"line":655},[515,1941,1942],{"class":529},"  row-key",[515,1944,536],{"class":521},[515,1946,539],{"class":521},[515,1948,1196],{"class":542},[515,1950,1153],{"class":521},[515,1952,1953,1956,1958,1960,1962],{"class":517,"line":669},[515,1954,1955],{"class":529},"  sorting-mode",[515,1957,536],{"class":521},[515,1959,539],{"class":521},[515,1961,1211],{"class":542},[515,1963,1153],{"class":521},[515,1965,1966],{"class":517,"line":682},[515,1967,548],{"class":521},[515,1969,1970],{"class":517,"line":694},[515,1971,1972],{"class":564},"  \u003Ctemplate #toolbar=\"{ table }\">\n",[515,1974,1975],{"class":517,"line":721},[515,1976,1977],{"class":564},"    \u003Cinput\n",[515,1979,1980],{"class":517,"line":727},[515,1981,1982],{"class":564},"      :value=\"search\"\n",[515,1984,1985],{"class":517,"line":732},[515,1986,1987],{"class":564},"      type=\"search\"\n",[515,1989,1990],{"class":517,"line":753},[515,1991,1992],{"class":564},"      @input=\"table.setGlobalFilter($event.target.value, $event)\"\n",[515,1994,1995],{"class":517,"line":812},[515,1996,1997],{"class":564},"    >\n",[515,1999,2000],{"class":517,"line":864},[515,2001,2002],{"class":564},"    \u003Cbutton type=\"button\" @click=\"table.setFilter('status', 'active', $event)\">\n",[515,2004,2005],{"class":517,"line":872},[515,2006,2007],{"class":564},"      Active only\n",[515,2009,2010],{"class":517,"line":877},[515,2011,2012],{"class":564},"    \u003C\u002Fbutton>\n",[515,2014,2015],{"class":517,"line":903},[515,2016,2017],{"class":564},"    \u003Cbutton type=\"button\" @click=\"table.clearFilter('status', $event)\">\n",[515,2019,2020],{"class":517,"line":944},[515,2021,2022],{"class":564},"      All statuses\n",[515,2024,2025],{"class":517,"line":988},[515,2026,2012],{"class":564},[515,2028,2029],{"class":517,"line":1027},[515,2030,1483],{"class":564},[515,2032,2033,2035,2037],{"class":517,"line":1067},[515,2034,1110],{"class":521},[515,2036,331],{"class":525},[515,2038,548],{"class":521},[326,2040,2041,2042,2044],{},"Hold Shift, Control, or Command while activating headers to retain existing sorts in ",[329,2043,1211],{}," mode.",[326,2046,2047,2050,2051,449,2054,449,2057,2060,2061,2064,2065,2068,2069,2072],{},[329,2048,2049],{},"undefined"," clears a column filter; ",[329,2052,2053],{},"null",[329,2055,2056],{},"false",[329,2058,2059],{},"0",", and ",[329,2062,2063],{},"\"\""," remain available to custom ",[329,2066,2067],{},"filter"," functions. The default case-insensitive text matcher treats empty values as no filter. Prefer ",[329,2070,2071],{},"clearFilter(id)"," when intent should be explicit. An accepted filter or sort change resets pagination to page 1 as one transaction. Canceling either paired change event cancels the whole transaction.",[1404,2074,2076],{"id":2075},"selection-and-bulk-actions","Selection and bulk actions",[326,2078,2079,2080,2082,2083,2086,2087,2089,2090,2093],{},"Add a ",[329,2081,927],{}," column and choose ",[329,2084,2085],{},"single"," or ",[329,2088,1211],{},". Selection stores stable ",[329,2091,2092],{},"rowKey"," values, so sorting and filtering never attach state to the wrong row.",[506,2095,2097],{"className":508,"code":2096,"language":510,"meta":511,"style":511},"\u003CDataTable\n  v-model:selection=\"selectedIds\"\n  :data=\"users\"\n  :columns=\"columns\"\n  row-key=\"id\"\n  selection-mode=\"multiple\"\n  selection-behavior=\"row\"\n  :is-row-selectable=\"row => !row.locked\"\n  select-all-scope=\"filtered\"\n>\n  \u003Ctemplate #toolbar=\"{ table }\">\n    \u003Cbutton :disabled=\"!table.selectedRows.value.length\" @click=\"archive(selectedIds)\">\n      Archive selected\n    \u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,2098,2099,2105,2122,2136,2150,2162,2175,2189,2216,2230,2234,2238,2243,2248,2252,2256],{"__ignoreMap":511},[515,2100,2101,2103],{"class":517,"line":518},[515,2102,522],{"class":521},[515,2104,1138],{"class":525},[515,2106,2107,2109,2111,2113,2115,2117,2120],{"class":517,"line":551},[515,2108,1860],{"class":529},[515,2110,661],{"class":521},[515,2112,927],{"class":529},[515,2114,536],{"class":521},[515,2116,539],{"class":521},[515,2118,2119],{"class":564},"selectedIds",[515,2121,1153],{"class":521},[515,2123,2124,2126,2128,2130,2132,2134],{"class":517,"line":591},[515,2125,1913],{"class":521},[515,2127,1434],{"class":529},[515,2129,536],{"class":521},[515,2131,539],{"class":521},[515,2133,1441],{"class":564},[515,2135,1153],{"class":521},[515,2137,2138,2140,2142,2144,2146,2148],{"class":517,"line":613},[515,2139,1913],{"class":521},[515,2141,1181],{"class":529},[515,2143,536],{"class":521},[515,2145,539],{"class":521},[515,2147,1181],{"class":564},[515,2149,1153],{"class":521},[515,2151,2152,2154,2156,2158,2160],{"class":517,"line":635},[515,2153,1942],{"class":529},[515,2155,536],{"class":521},[515,2157,539],{"class":521},[515,2159,1196],{"class":542},[515,2161,1153],{"class":521},[515,2163,2164,2167,2169,2171,2173],{"class":517,"line":642},[515,2165,2166],{"class":529},"  selection-mode",[515,2168,536],{"class":521},[515,2170,539],{"class":521},[515,2172,1211],{"class":542},[515,2174,1153],{"class":521},[515,2176,2177,2180,2182,2184,2187],{"class":517,"line":655},[515,2178,2179],{"class":529},"  selection-behavior",[515,2181,536],{"class":521},[515,2183,539],{"class":521},[515,2185,2186],{"class":542},"row",[515,2188,1153],{"class":521},[515,2190,2191,2193,2196,2198,2200,2202,2204,2207,2209,2211,2214],{"class":517,"line":669},[515,2192,1913],{"class":521},[515,2194,2195],{"class":529},"is-row-selectable",[515,2197,536],{"class":521},[515,2199,539],{"class":521},[515,2201,2186],{"class":1646},[515,2203,1653],{"class":529},[515,2205,2206],{"class":521}," !",[515,2208,2186],{"class":564},[515,2210,401],{"class":521},[515,2212,2213],{"class":564},"locked",[515,2215,1153],{"class":521},[515,2217,2218,2221,2223,2225,2228],{"class":517,"line":682},[515,2219,2220],{"class":529},"  select-all-scope",[515,2222,536],{"class":521},[515,2224,539],{"class":521},[515,2226,2227],{"class":542},"filtered",[515,2229,1153],{"class":521},[515,2231,2232],{"class":517,"line":694},[515,2233,548],{"class":521},[515,2235,2236],{"class":517,"line":721},[515,2237,1972],{"class":564},[515,2239,2240],{"class":517,"line":727},[515,2241,2242],{"class":564},"    \u003Cbutton :disabled=\"!table.selectedRows.value.length\" @click=\"archive(selectedIds)\">\n",[515,2244,2245],{"class":517,"line":732},[515,2246,2247],{"class":564},"      Archive selected\n",[515,2249,2250],{"class":517,"line":753},[515,2251,2012],{"class":564},[515,2253,2254],{"class":517,"line":812},[515,2255,1483],{"class":564},[515,2257,2258,2260,2262],{"class":517,"line":864},[515,2259,1110],{"class":521},[515,2261,331],{"class":525},[515,2263,548],{"class":521},[326,2265,2266,2269,2270,2273],{},[329,2267,2268],{},"selectionBehavior=\"control\""," changes selection only through checkboxes or radios. ",[329,2271,2272],{},"\"row\""," also selects from non-interactive row space; links, buttons, inputs, and editable controls remain independent.",[326,2275,2276,2277,2280],{},"Disabled rows render disabled native selection controls. In manual pagination, ",[329,2278,2279],{},"selectedRows"," can resolve only keys present in the currently supplied page; keep bulk selection data in application state when selections span server pages.",[1404,2282,200],{"id":2283},"pagination",[326,2285,2286,2287,2290,2291,2294,2295,401],{},"Set ",[329,2288,2289],{},"paginate"," for client pagination. The bundled paginator is styled through the ",[329,2292,2293],{},"pagination*"," UI keys or replaced through ",[329,2296,440],{},[506,2298,2300],{"className":508,"code":2299,"language":510,"meta":511,"style":511},"\u003CDataTable\n  v-model:pagination=\"pagination\"\n  :data=\"users\"\n  :columns=\"columns\"\n  row-key=\"id\"\n  paginate\n>\n  \u003Ctemplate #pagination=\"{ page, pageCount, setPage }\">\n    \u003Cbutton :disabled=\"page === 1\" @click=\"setPage(page - 1)\">Previous\u003C\u002Fbutton>\n    \u003Cspan>Page {{ page }} of {{ pageCount }}\u003C\u002Fspan>\n    \u003Cbutton :disabled=\"page === pageCount\" @click=\"setPage(page + 1)\">Next\u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,2301,2302,2308,2324,2338,2352,2364,2369,2373,2378,2383,2388,2393,2397],{"__ignoreMap":511},[515,2303,2304,2306],{"class":517,"line":518},[515,2305,522],{"class":521},[515,2307,1138],{"class":525},[515,2309,2310,2312,2314,2316,2318,2320,2322],{"class":517,"line":551},[515,2311,1860],{"class":529},[515,2313,661],{"class":521},[515,2315,2283],{"class":529},[515,2317,536],{"class":521},[515,2319,539],{"class":521},[515,2321,2283],{"class":564},[515,2323,1153],{"class":521},[515,2325,2326,2328,2330,2332,2334,2336],{"class":517,"line":591},[515,2327,1913],{"class":521},[515,2329,1434],{"class":529},[515,2331,536],{"class":521},[515,2333,539],{"class":521},[515,2335,1441],{"class":564},[515,2337,1153],{"class":521},[515,2339,2340,2342,2344,2346,2348,2350],{"class":517,"line":613},[515,2341,1913],{"class":521},[515,2343,1181],{"class":529},[515,2345,536],{"class":521},[515,2347,539],{"class":521},[515,2349,1181],{"class":564},[515,2351,1153],{"class":521},[515,2353,2354,2356,2358,2360,2362],{"class":517,"line":635},[515,2355,1942],{"class":529},[515,2357,536],{"class":521},[515,2359,539],{"class":521},[515,2361,1196],{"class":542},[515,2363,1153],{"class":521},[515,2365,2366],{"class":517,"line":642},[515,2367,2368],{"class":529},"  paginate\n",[515,2370,2371],{"class":517,"line":655},[515,2372,548],{"class":521},[515,2374,2375],{"class":517,"line":669},[515,2376,2377],{"class":564},"  \u003Ctemplate #pagination=\"{ page, pageCount, setPage }\">\n",[515,2379,2380],{"class":517,"line":682},[515,2381,2382],{"class":564},"    \u003Cbutton :disabled=\"page === 1\" @click=\"setPage(page - 1)\">Previous\u003C\u002Fbutton>\n",[515,2384,2385],{"class":517,"line":694},[515,2386,2387],{"class":564},"    \u003Cspan>Page {{ page }} of {{ pageCount }}\u003C\u002Fspan>\n",[515,2389,2390],{"class":517,"line":721},[515,2391,2392],{"class":564},"    \u003Cbutton :disabled=\"page === pageCount\" @click=\"setPage(page + 1)\">Next\u003C\u002Fbutton>\n",[515,2394,2395],{"class":517,"line":727},[515,2396,1483],{"class":564},[515,2398,2399,2401,2403],{"class":517,"line":732},[515,2400,1110],{"class":521},[515,2402,331],{"class":525},[515,2404,548],{"class":521},[326,2406,2407,2408,2411,2412,489,2415,2418],{},"When filtering or a smaller data set removes the current page, DataTable clamps ",[329,2409,2410],{},"v-model:pagination"," to the last available page. ",[329,2413,2414],{},"page",[329,2416,2417],{},"pageSize"," accept finite numbers only.",[1404,2420,2422],{"id":2421},"server-controlled-data","Server-controlled data",[326,2424,2425,2426,2428,2429,2432],{},"Enable manual modes when supplied ",[329,2427,1434],{}," is already processed by an API. Akaza updates models but does not sort, filter, or slice rows again. Change events fire before model commits so ",[329,2430,2431],{},"details.cancel()"," can reject a change; do not fetch from those events. Observe committed Vue state instead, and cancel stale requests.",[506,2434,2436],{"className":508,"code":2435,"language":510,"meta":511,"style":511},"\u003Cscript setup lang=\"ts\">\nconst sorting = ref([]);\nconst filters = ref({});\nconst pagination = ref({ page: 1, pageSize: 25 });\nconst query = computed(() => ({\n  sorting: sorting.value,\n  filters: filters.value,\n  pagination: pagination.value,\n}));\n\nwatch(query, async (value, _previous, onCleanup) => {\n  const request = new AbortController();\n  onCleanup(() => request.abort());\n  response.value = await fetchRows(value, request.signal);\n}, { immediate: true });\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDataTable\n  v-model:sorting=\"sorting\"\n  v-model:filters=\"filters\"\n  v-model:pagination=\"pagination\"\n  :data=\"response.rows\"\n  :columns=\"columns\"\n  :row-count=\"response.total\"\n  row-key=\"id\"\n  manual-sorting\n  manual-filtering\n  manual-pagination\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,2437,2438,2458,2473,2493,2531,2554,2571,2587,2603,2612,2616,2649,2670,2693,2727,2747,2755,2759,2767,2773,2786,2799,2812,2826,2839,2853,2865,2870,2875,2880,2885],{"__ignoreMap":511},[515,2439,2440,2442,2444,2446,2448,2450,2452,2454,2456],{"class":517,"line":518},[515,2441,522],{"class":521},[515,2443,526],{"class":525},[515,2445,530],{"class":529},[515,2447,533],{"class":529},[515,2449,536],{"class":521},[515,2451,539],{"class":521},[515,2453,543],{"class":542},[515,2455,539],{"class":521},[515,2457,548],{"class":521},[515,2459,2460,2462,2465,2467,2469,2471],{"class":517,"line":551},[515,2461,735],{"class":529},[515,2463,2464],{"class":564}," sorting ",[515,2466,536],{"class":521},[515,2468,620],{"class":1089},[515,2470,1102],{"class":564},[515,2472,588],{"class":521},[515,2474,2475,2477,2480,2482,2484,2486,2489,2491],{"class":517,"line":591},[515,2476,735],{"class":529},[515,2478,2479],{"class":564}," filters ",[515,2481,536],{"class":521},[515,2483,620],{"class":1089},[515,2485,1623],{"class":564},[515,2487,2488],{"class":521},"{}",[515,2490,1735],{"class":564},[515,2492,588],{"class":521},[515,2494,2495,2497,2500,2502,2504,2506,2508,2511,2513,2515,2517,2520,2522,2525,2527,2529],{"class":517,"line":613},[515,2496,735],{"class":529},[515,2498,2499],{"class":564}," pagination ",[515,2501,536],{"class":521},[515,2503,620],{"class":1089},[515,2505,1623],{"class":564},[515,2507,1240],{"class":521},[515,2509,2510],{"class":525}," page",[515,2512,661],{"class":521},[515,2514,765],{"class":764},[515,2516,568],{"class":521},[515,2518,2519],{"class":525}," pageSize",[515,2521,661],{"class":521},[515,2523,2524],{"class":764}," 25",[515,2526,574],{"class":521},[515,2528,1735],{"class":564},[515,2530,588],{"class":521},[515,2532,2533,2535,2538,2540,2543,2545,2547,2549,2551],{"class":517,"line":635},[515,2534,735],{"class":529},[515,2536,2537],{"class":564}," query ",[515,2539,536],{"class":521},[515,2541,2542],{"class":1089}," computed",[515,2544,1623],{"class":564},[515,2546,1593],{"class":521},[515,2548,1653],{"class":529},[515,2550,1796],{"class":564},[515,2552,2553],{"class":521},"{\n",[515,2555,2556,2559,2561,2564,2566,2569],{"class":517,"line":642},[515,2557,2558],{"class":525},"  sorting",[515,2560,661],{"class":521},[515,2562,2563],{"class":564}," sorting",[515,2565,401],{"class":521},[515,2567,2568],{"class":564},"value",[515,2570,1693],{"class":521},[515,2572,2573,2576,2578,2581,2583,2585],{"class":517,"line":655},[515,2574,2575],{"class":525},"  filters",[515,2577,661],{"class":521},[515,2579,2580],{"class":564}," filters",[515,2582,401],{"class":521},[515,2584,2568],{"class":564},[515,2586,1693],{"class":521},[515,2588,2589,2592,2594,2597,2599,2601],{"class":517,"line":669},[515,2590,2591],{"class":525},"  pagination",[515,2593,661],{"class":521},[515,2595,2596],{"class":564}," pagination",[515,2598,401],{"class":521},[515,2600,2568],{"class":564},[515,2602,1693],{"class":521},[515,2604,2605,2607,2610],{"class":517,"line":682},[515,2606,1246],{"class":521},[515,2608,2609],{"class":564},"))",[515,2611,588],{"class":521},[515,2613,2614],{"class":517,"line":694},[515,2615,639],{"emptyLinePlaceholder":638},[515,2617,2618,2621,2624,2626,2629,2631,2633,2635,2638,2640,2643,2645,2647],{"class":517,"line":721},[515,2619,2620],{"class":1089},"watch",[515,2622,2623],{"class":564},"(query",[515,2625,568],{"class":521},[515,2627,2628],{"class":529}," async",[515,2630,1796],{"class":521},[515,2632,2568],{"class":1646},[515,2634,568],{"class":521},[515,2636,2637],{"class":1646}," _previous",[515,2639,568],{"class":521},[515,2641,2642],{"class":1646}," onCleanup",[515,2644,1735],{"class":521},[515,2646,1653],{"class":529},[515,2648,652],{"class":521},[515,2650,2651,2654,2657,2660,2663,2666,2668],{"class":517,"line":727},[515,2652,2653],{"class":529},"  const",[515,2655,2656],{"class":564}," request",[515,2658,2659],{"class":521}," =",[515,2661,2662],{"class":521}," new",[515,2664,2665],{"class":1089}," AbortController",[515,2667,1593],{"class":525},[515,2669,588],{"class":521},[515,2671,2672,2675,2677,2679,2681,2683,2685,2688,2691],{"class":517,"line":732},[515,2673,2674],{"class":1089},"  onCleanup",[515,2676,1623],{"class":525},[515,2678,1593],{"class":521},[515,2680,1653],{"class":529},[515,2682,2656],{"class":564},[515,2684,401],{"class":521},[515,2686,2687],{"class":1089},"abort",[515,2689,2690],{"class":525},"())",[515,2692,588],{"class":521},[515,2694,2695,2698,2700,2702,2704,2707,2710,2712,2714,2716,2718,2720,2723,2725],{"class":517,"line":753},[515,2696,2697],{"class":564},"  response",[515,2699,401],{"class":521},[515,2701,2568],{"class":564},[515,2703,2659],{"class":521},[515,2705,2706],{"class":554}," await",[515,2708,2709],{"class":1089}," fetchRows",[515,2711,1623],{"class":525},[515,2713,2568],{"class":564},[515,2715,568],{"class":521},[515,2717,2656],{"class":564},[515,2719,401],{"class":521},[515,2721,2722],{"class":564},"signal",[515,2724,1735],{"class":525},[515,2726,588],{"class":521},[515,2728,2729,2732,2734,2737,2739,2741,2743,2745],{"class":517,"line":812},[515,2730,2731],{"class":521},"},",[515,2733,561],{"class":521},[515,2735,2736],{"class":525}," immediate",[515,2738,661],{"class":521},[515,2740,983],{"class":982},[515,2742,574],{"class":521},[515,2744,1735],{"class":564},[515,2746,588],{"class":521},[515,2748,2749,2751,2753],{"class":517,"line":864},[515,2750,1110],{"class":521},[515,2752,526],{"class":525},[515,2754,548],{"class":521},[515,2756,2757],{"class":517,"line":872},[515,2758,639],{"emptyLinePlaceholder":638},[515,2760,2761,2763,2765],{"class":517,"line":877},[515,2762,522],{"class":521},[515,2764,1127],{"class":525},[515,2766,548],{"class":521},[515,2768,2769,2771],{"class":517,"line":903},[515,2770,1135],{"class":521},[515,2772,1138],{"class":525},[515,2774,2775,2778,2780,2782,2784],{"class":517,"line":944},[515,2776,2777],{"class":529},"  v-model:sorting",[515,2779,536],{"class":521},[515,2781,539],{"class":521},[515,2783,1865],{"class":542},[515,2785,1153],{"class":521},[515,2787,2788,2791,2793,2795,2797],{"class":517,"line":988},[515,2789,2790],{"class":529},"  v-model:filters",[515,2792,536],{"class":521},[515,2794,539],{"class":521},[515,2796,1882],{"class":542},[515,2798,1153],{"class":521},[515,2800,2801,2804,2806,2808,2810],{"class":517,"line":1027},[515,2802,2803],{"class":529},"  v-model:pagination",[515,2805,536],{"class":521},[515,2807,539],{"class":521},[515,2809,2283],{"class":542},[515,2811,1153],{"class":521},[515,2813,2814,2817,2819,2821,2824],{"class":517,"line":1067},[515,2815,2816],{"class":529},"  :data",[515,2818,536],{"class":521},[515,2820,539],{"class":521},[515,2822,2823],{"class":542},"response.rows",[515,2825,1153],{"class":521},[515,2827,2828,2831,2833,2835,2837],{"class":517,"line":1074},[515,2829,2830],{"class":529},"  :columns",[515,2832,536],{"class":521},[515,2834,539],{"class":521},[515,2836,1181],{"class":542},[515,2838,1153],{"class":521},[515,2840,2841,2844,2846,2848,2851],{"class":517,"line":1079},[515,2842,2843],{"class":529},"  :row-count",[515,2845,536],{"class":521},[515,2847,539],{"class":521},[515,2849,2850],{"class":542},"response.total",[515,2852,1153],{"class":521},[515,2854,2855,2857,2859,2861,2863],{"class":517,"line":1107},[515,2856,1942],{"class":529},[515,2858,536],{"class":521},[515,2860,539],{"class":521},[515,2862,1196],{"class":542},[515,2864,1153],{"class":521},[515,2866,2867],{"class":517,"line":1117},[515,2868,2869],{"class":529},"  manual-sorting\n",[515,2871,2872],{"class":517,"line":1122},[515,2873,2874],{"class":529},"  manual-filtering\n",[515,2876,2877],{"class":517,"line":1132},[515,2878,2879],{"class":529},"  manual-pagination\n",[515,2881,2882],{"class":517,"line":1141},[515,2883,2884],{"class":521},"  \u002F>\n",[515,2886,2887,2889,2891],{"class":517,"line":1156},[515,2888,1110],{"class":521},[515,2890,1127],{"class":525},[515,2892,548],{"class":521},[326,2894,2895,2898,2899,449,2902,2905,2906,2908],{},[329,2896,2897],{},"rowCount"," is the total server result count, not current page length. ",[329,2900,2901],{},"selectAllScope=\"filtered\"",[329,2903,2904],{},"filteredRowCount",", and client-side selected-row resolution cover loaded rows only in manual modes. Use globally stable ",[329,2907,2092],{}," values across every page.",[1404,2910,2912],{"id":2911},"grouped-headers-and-details","Grouped headers and details",[326,2914,2915,2916,449,2919,2060,2922,2925,2926,2929],{},"Nested column definitions generate proper ",[329,2917,2918],{},"colspan",[329,2920,2921],{},"rowspan",[329,2923,2924],{},"scope"," values. An ",[329,2927,2928],{},"expander"," column controls detail rows.",[506,2931,2933],{"className":1545,"code":2932,"language":543,"meta":511,"style":511},"const columns = [\n  { id: \"expand\", type: \"expander\", header: \"\" },\n  {\n    id: \"identity\",\n    header: \"Identity\",\n    children: [\n      { accessor: \"name\", header: \"Name\" },\n      { accessor: \"email\", header: \"Email\" },\n    ],\n  },\n];\n",[329,2934,2935,2945,2982,2987,3003,3018,3027,3057,3087,3094,3099],{"__ignoreMap":511},[515,2936,2937,2939,2941,2943],{"class":517,"line":518},[515,2938,735],{"class":529},[515,2940,1606],{"class":564},[515,2942,536],{"class":521},[515,2944,750],{"class":564},[515,2946,2947,2949,2951,2953,2955,2958,2960,2962,2964,2966,2968,2970,2972,2974,2976,2978,2980],{"class":517,"line":551},[515,2948,756],{"class":521},[515,2950,759],{"class":525},[515,2952,661],{"class":521},[515,2954,580],{"class":521},[515,2956,2957],{"class":542},"expand",[515,2959,539],{"class":521},[515,2961,568],{"class":521},[515,2963,558],{"class":525},[515,2965,661],{"class":521},[515,2967,580],{"class":521},[515,2969,2928],{"class":542},[515,2971,539],{"class":521},[515,2973,568],{"class":521},[515,2975,963],{"class":525},[515,2977,661],{"class":521},[515,2979,1062],{"class":521},[515,2981,809],{"class":521},[515,2983,2984],{"class":517,"line":591},[515,2985,2986],{"class":521},"  {\n",[515,2988,2989,2992,2994,2996,2999,3001],{"class":517,"line":613},[515,2990,2991],{"class":525},"    id",[515,2993,661],{"class":521},[515,2995,580],{"class":521},[515,2997,2998],{"class":542},"identity",[515,3000,539],{"class":521},[515,3002,1693],{"class":521},[515,3004,3005,3007,3009,3011,3014,3016],{"class":517,"line":635},[515,3006,1638],{"class":525},[515,3008,661],{"class":521},[515,3010,580],{"class":521},[515,3012,3013],{"class":542},"Identity",[515,3015,539],{"class":521},[515,3017,1693],{"class":521},[515,3019,3020,3023,3025],{"class":517,"line":642},[515,3021,3022],{"class":525},"    children",[515,3024,661],{"class":521},[515,3026,750],{"class":564},[515,3028,3029,3032,3034,3036,3038,3040,3042,3044,3046,3048,3050,3053,3055],{"class":517,"line":655},[515,3030,3031],{"class":521},"      {",[515,3033,949],{"class":525},[515,3035,661],{"class":521},[515,3037,580],{"class":521},[515,3039,956],{"class":542},[515,3041,539],{"class":521},[515,3043,568],{"class":521},[515,3045,963],{"class":525},[515,3047,661],{"class":521},[515,3049,580],{"class":521},[515,3051,3052],{"class":542},"Name",[515,3054,539],{"class":521},[515,3056,809],{"class":521},[515,3058,3059,3061,3063,3065,3067,3070,3072,3074,3076,3078,3080,3083,3085],{"class":517,"line":669},[515,3060,3031],{"class":521},[515,3062,949],{"class":525},[515,3064,661],{"class":521},[515,3066,580],{"class":521},[515,3068,3069],{"class":542},"email",[515,3071,539],{"class":521},[515,3073,568],{"class":521},[515,3075,963],{"class":525},[515,3077,661],{"class":521},[515,3079,580],{"class":521},[515,3081,3082],{"class":542},"Email",[515,3084,539],{"class":521},[515,3086,809],{"class":521},[515,3088,3089,3092],{"class":517,"line":682},[515,3090,3091],{"class":564},"    ]",[515,3093,1693],{"class":521},[515,3095,3096],{"class":517,"line":694},[515,3097,3098],{"class":521},"  },\n",[515,3100,3101,3103],{"class":517,"line":721},[515,3102,867],{"class":564},[515,3104,588],{"class":521},[506,3106,3108],{"className":508,"code":3107,"language":510,"meta":511,"style":511},"\u003CDataTable\n  v-model:expanded=\"expandedIds\"\n  :data=\"users\"\n  :columns=\"columns\"\n  row-key=\"id\"\n  :is-row-expandable=\"row => Boolean(row.auditLog.length)\"\n>\n  \u003Ctemplate #expanded=\"{ row }\">\n    \u003CAuditLog :entries=\"row.original.auditLog\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,3109,3110,3116,3134,3148,3162,3174,3207,3211,3216,3221,3225],{"__ignoreMap":511},[515,3111,3112,3114],{"class":517,"line":518},[515,3113,522],{"class":521},[515,3115,1138],{"class":525},[515,3117,3118,3120,3122,3125,3127,3129,3132],{"class":517,"line":551},[515,3119,1860],{"class":529},[515,3121,661],{"class":521},[515,3123,3124],{"class":529},"expanded",[515,3126,536],{"class":521},[515,3128,539],{"class":521},[515,3130,3131],{"class":564},"expandedIds",[515,3133,1153],{"class":521},[515,3135,3136,3138,3140,3142,3144,3146],{"class":517,"line":591},[515,3137,1913],{"class":521},[515,3139,1434],{"class":529},[515,3141,536],{"class":521},[515,3143,539],{"class":521},[515,3145,1441],{"class":564},[515,3147,1153],{"class":521},[515,3149,3150,3152,3154,3156,3158,3160],{"class":517,"line":613},[515,3151,1913],{"class":521},[515,3153,1181],{"class":529},[515,3155,536],{"class":521},[515,3157,539],{"class":521},[515,3159,1181],{"class":564},[515,3161,1153],{"class":521},[515,3163,3164,3166,3168,3170,3172],{"class":517,"line":635},[515,3165,1942],{"class":529},[515,3167,536],{"class":521},[515,3169,539],{"class":521},[515,3171,1196],{"class":542},[515,3173,1153],{"class":521},[515,3175,3176,3178,3181,3183,3185,3187,3189,3192,3195,3197,3200,3202,3205],{"class":517,"line":642},[515,3177,1913],{"class":521},[515,3179,3180],{"class":529},"is-row-expandable",[515,3182,536],{"class":521},[515,3184,539],{"class":521},[515,3186,2186],{"class":1646},[515,3188,1653],{"class":529},[515,3190,3191],{"class":1089}," Boolean",[515,3193,3194],{"class":564},"(row",[515,3196,401],{"class":521},[515,3198,3199],{"class":564},"auditLog",[515,3201,401],{"class":521},[515,3203,3204],{"class":564},"length)",[515,3206,1153],{"class":521},[515,3208,3209],{"class":517,"line":655},[515,3210,548],{"class":521},[515,3212,3213],{"class":517,"line":669},[515,3214,3215],{"class":564},"  \u003Ctemplate #expanded=\"{ row }\">\n",[515,3217,3218],{"class":517,"line":682},[515,3219,3220],{"class":564},"    \u003CAuditLog :entries=\"row.original.auditLog\" \u002F>\n",[515,3222,3223],{"class":517,"line":694},[515,3224,1483],{"class":564},[515,3226,3227,3229,3231],{"class":517,"line":721},[515,3228,1110],{"class":521},[515,3230,331],{"class":525},[515,3232,548],{"class":521},[326,3234,1410,3235,3238],{},[329,3236,3237],{},"getSubRows"," instead when data is hierarchical and child records should become ordinary nested table rows.",[326,3240,2286,3241,3244,3245,3248],{},[329,3242,3243],{},"rowHeader: true"," on the identifying column to render its body cells as native ",[329,3246,3247],{},"\u003Cth scope=\"row\">"," elements.",[1404,3250,3252],{"id":3251},"column-layout","Column layout",[326,3254,3255],{},"Sizing, order, visibility, and pinning use separate models. Pointer and keyboard input update those models.",[506,3257,3259],{"className":508,"code":3258,"language":510,"meta":511,"style":511},"\u003CDataTable\n  v-model:column-sizing=\"columnSizing\"\n  v-model:column-order=\"columnOrder\"\n  v-model:column-visibility=\"columnVisibility\"\n  v-model:column-pinning=\"columnPinning\"\n  :data=\"users\"\n  :columns=\"columns\"\n  row-key=\"id\"\n  sticky-header\n  column-reorder\n  :column-resize=\"{ behavior: 'fit', update: 'change', keyboardStep: 12 }\"\n>\n  \u003Ctemplate #toolbar=\"{ table }\">\n    \u003Cbutton @click=\"table.setColumnVisible('email', false, $event)\">Hide email\u003C\u002Fbutton>\n    \u003Cbutton @click=\"table.setColumnPinned('name', 'start', $event)\">Pin name\u003C\u002Fbutton>\n  \u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,3260,3261,3267,3285,3303,3321,3339,3353,3367,3379,3384,3389,3444,3448,3452,3457,3462,3466],{"__ignoreMap":511},[515,3262,3263,3265],{"class":517,"line":518},[515,3264,522],{"class":521},[515,3266,1138],{"class":525},[515,3268,3269,3271,3273,3276,3278,3280,3283],{"class":517,"line":551},[515,3270,1860],{"class":529},[515,3272,661],{"class":521},[515,3274,3275],{"class":529},"column-sizing",[515,3277,536],{"class":521},[515,3279,539],{"class":521},[515,3281,3282],{"class":564},"columnSizing",[515,3284,1153],{"class":521},[515,3286,3287,3289,3291,3294,3296,3298,3301],{"class":517,"line":591},[515,3288,1860],{"class":529},[515,3290,661],{"class":521},[515,3292,3293],{"class":529},"column-order",[515,3295,536],{"class":521},[515,3297,539],{"class":521},[515,3299,3300],{"class":564},"columnOrder",[515,3302,1153],{"class":521},[515,3304,3305,3307,3309,3312,3314,3316,3319],{"class":517,"line":613},[515,3306,1860],{"class":529},[515,3308,661],{"class":521},[515,3310,3311],{"class":529},"column-visibility",[515,3313,536],{"class":521},[515,3315,539],{"class":521},[515,3317,3318],{"class":564},"columnVisibility",[515,3320,1153],{"class":521},[515,3322,3323,3325,3327,3330,3332,3334,3337],{"class":517,"line":635},[515,3324,1860],{"class":529},[515,3326,661],{"class":521},[515,3328,3329],{"class":529},"column-pinning",[515,3331,536],{"class":521},[515,3333,539],{"class":521},[515,3335,3336],{"class":564},"columnPinning",[515,3338,1153],{"class":521},[515,3340,3341,3343,3345,3347,3349,3351],{"class":517,"line":642},[515,3342,1913],{"class":521},[515,3344,1434],{"class":529},[515,3346,536],{"class":521},[515,3348,539],{"class":521},[515,3350,1441],{"class":564},[515,3352,1153],{"class":521},[515,3354,3355,3357,3359,3361,3363,3365],{"class":517,"line":655},[515,3356,1913],{"class":521},[515,3358,1181],{"class":529},[515,3360,536],{"class":521},[515,3362,539],{"class":521},[515,3364,1181],{"class":564},[515,3366,1153],{"class":521},[515,3368,3369,3371,3373,3375,3377],{"class":517,"line":669},[515,3370,1942],{"class":529},[515,3372,536],{"class":521},[515,3374,539],{"class":521},[515,3376,1196],{"class":542},[515,3378,1153],{"class":521},[515,3380,3381],{"class":517,"line":682},[515,3382,3383],{"class":529},"  sticky-header\n",[515,3385,3386],{"class":517,"line":694},[515,3387,3388],{"class":529},"  column-reorder\n",[515,3390,3391,3393,3396,3398,3400,3402,3405,3407,3410,3413,3416,3418,3421,3423,3425,3428,3430,3432,3435,3437,3440,3442],{"class":517,"line":721},[515,3392,1913],{"class":521},[515,3394,3395],{"class":529},"column-resize",[515,3397,536],{"class":521},[515,3399,539],{"class":521},[515,3401,1240],{"class":521},[515,3403,3404],{"class":525}," behavior",[515,3406,661],{"class":521},[515,3408,3409],{"class":521}," '",[515,3411,3412],{"class":542},"fit",[515,3414,3415],{"class":521},"'",[515,3417,568],{"class":521},[515,3419,3420],{"class":525}," update",[515,3422,661],{"class":521},[515,3424,3409],{"class":521},[515,3426,3427],{"class":542},"change",[515,3429,3415],{"class":521},[515,3431,568],{"class":521},[515,3433,3434],{"class":525}," keyboardStep",[515,3436,661],{"class":521},[515,3438,3439],{"class":764}," 12",[515,3441,574],{"class":521},[515,3443,1153],{"class":521},[515,3445,3446],{"class":517,"line":727},[515,3447,548],{"class":521},[515,3449,3450],{"class":517,"line":732},[515,3451,1972],{"class":564},[515,3453,3454],{"class":517,"line":753},[515,3455,3456],{"class":564},"    \u003Cbutton @click=\"table.setColumnVisible('email', false, $event)\">Hide email\u003C\u002Fbutton>\n",[515,3458,3459],{"class":517,"line":812},[515,3460,3461],{"class":564},"    \u003Cbutton @click=\"table.setColumnPinned('name', 'start', $event)\">Pin name\u003C\u002Fbutton>\n",[515,3463,3464],{"class":517,"line":864},[515,3465,1483],{"class":564},[515,3467,3468,3470,3472],{"class":517,"line":872},[515,3469,1110],{"class":521},[515,3471,331],{"class":525},[515,3473,548],{"class":521},[326,3475,3476,3477,3479,3480,3482,3483,489,3486,3489],{},"Column sizes use pixels and a fixed table layout. ",[329,3478,2957],{}," changes total table width. ",[329,3481,3412],{}," transfers width to an adjacent column. Pinned headers sit above pinned body and footer cells. Consumer ",[329,3484,3485],{},"min-width",[329,3487,3488],{},"width"," rules can override calculated sizes.",[326,3491,3492],{},"Row reorder is available only for flat, unsorted rows. Sorting or hierarchical depth disables native reorder buttons and controller moves, avoiding ambiguous source order. Filtered and paginated moves still operate on stable row keys in the full supplied array.",[1404,3494,3496],{"id":3495},"loading-error-and-empty-states","Loading, error, and empty states",[326,3498,3499],{},"State rows preserve the table structure and span every visible column. Replace their content without rebuilding the table.",[506,3501,3503],{"className":508,"code":3502,"language":510,"meta":511,"style":511},"\u003CDataTable :data=\"rows\" :columns=\"columns\" row-key=\"id\" :loading=\"pending\" :error=\"error\">\n  \u003Ctemplate #loading>Loading members...\u003C\u002Ftemplate>\n  \u003Ctemplate #error=\"{ error }\">{{ getMessage(error) }}\u003C\u002Ftemplate>\n  \u003Ctemplate #empty>No members match these filters.\u003C\u002Ftemplate>\n\u003C\u002FDataTable>\n",[329,3504,3505,3574,3579,3584,3589],{"__ignoreMap":511},[515,3506,3507,3509,3511,3513,3515,3517,3519,3521,3523,3525,3527,3529,3531,3533,3535,3537,3539,3541,3543,3545,3547,3550,3552,3554,3557,3559,3561,3564,3566,3568,3570,3572],{"class":517,"line":518},[515,3508,522],{"class":521},[515,3510,331],{"class":525},[515,3512,1431],{"class":521},[515,3514,1434],{"class":529},[515,3516,536],{"class":521},[515,3518,539],{"class":521},[515,3520,1166],{"class":564},[515,3522,539],{"class":521},[515,3524,1431],{"class":521},[515,3526,1181],{"class":529},[515,3528,536],{"class":521},[515,3530,539],{"class":521},[515,3532,1181],{"class":564},[515,3534,539],{"class":521},[515,3536,1458],{"class":529},[515,3538,536],{"class":521},[515,3540,539],{"class":521},[515,3542,1196],{"class":542},[515,3544,539],{"class":521},[515,3546,1431],{"class":521},[515,3548,3549],{"class":529},"loading",[515,3551,536],{"class":521},[515,3553,539],{"class":521},[515,3555,3556],{"class":564},"pending",[515,3558,539],{"class":521},[515,3560,1431],{"class":521},[515,3562,3563],{"class":529},"error",[515,3565,536],{"class":521},[515,3567,539],{"class":521},[515,3569,3563],{"class":564},[515,3571,539],{"class":521},[515,3573,548],{"class":521},[515,3575,3576],{"class":517,"line":551},[515,3577,3578],{"class":564},"  \u003Ctemplate #loading>Loading members...\u003C\u002Ftemplate>\n",[515,3580,3581],{"class":517,"line":591},[515,3582,3583],{"class":564},"  \u003Ctemplate #error=\"{ error }\">{{ getMessage(error) }}\u003C\u002Ftemplate>\n",[515,3585,3586],{"class":517,"line":613},[515,3587,3588],{"class":564},"  \u003Ctemplate #empty>No members match these filters.\u003C\u002Ftemplate>\n",[515,3590,3591,3593,3595],{"class":517,"line":635},[515,3592,1110],{"class":521},[515,3594,331],{"class":525},[515,3596,548],{"class":521},[341,3598,3600],{"id":3599},"api-reference","API Reference",[1404,3602,3604],{"id":3603},"models","Models",[338,3606,3607,3626],{},[3608,3609,3610],"thead",{},[3611,3612,3613,3617,3620,3623],"tr",{},[3614,3615,3616],"th",{},"Model",[3614,3618,3619],{},"Type",[3614,3621,3622],{},"Default",[3614,3624,3625],{},"Description",[3627,3628,3629,3649,3668,3687,3706,3725,3744,3763,3782,3801,3819],"tbody",{},[3611,3630,3631,3637,3642,3646],{},[3632,3633,3634],"td",{},[329,3635,3636],{},"v-model:selection",[3632,3638,3639],{},[329,3640,3641],{},"rowKey | rowKey[] | null",[3632,3643,3644],{},[329,3645,2053],{},[3632,3647,3648],{},"Selected stable row keys.",[3611,3650,3651,3656,3661,3665],{},[3632,3652,3653],{},[329,3654,3655],{},"v-model:sorting",[3632,3657,3658],{},[329,3659,3660],{},"DataTableSorting[]",[3632,3662,3663],{},[329,3664,1097],{},[3632,3666,3667],{},"Ordered sort descriptors.",[3611,3669,3670,3675,3680,3684],{},[3632,3671,3672],{},[329,3673,3674],{},"v-model:filters",[3632,3676,3677],{},[329,3678,3679],{},"Record\u003Cstring, unknown>",[3632,3681,3682],{},[329,3683,2488],{},[3632,3685,3686],{},"Per-column filter values.",[3611,3688,3689,3694,3699,3703],{},[3632,3690,3691],{},[329,3692,3693],{},"v-model:globalFilter",[3632,3695,3696],{},[329,3697,3698],{},"string",[3632,3700,3701],{},[329,3702,2063],{},[3632,3704,3705],{},"Global search text.",[3611,3707,3708,3712,3717,3722],{},[3632,3709,3710],{},[329,3711,2410],{},[3632,3713,3714],{},[329,3715,3716],{},"{ page, pageSize }",[3632,3718,3719],{},[329,3720,3721],{},"{ page: 1, pageSize: 10 }",[3632,3723,3724],{},"One-based page state.",[3611,3726,3727,3732,3737,3741],{},[3632,3728,3729],{},[329,3730,3731],{},"v-model:expanded",[3632,3733,3734],{},[329,3735,3736],{},"rowKey[]",[3632,3738,3739],{},[329,3740,1097],{},[3632,3742,3743],{},"Expanded row keys.",[3611,3745,3746,3751,3756,3760],{},[3632,3747,3748],{},[329,3749,3750],{},"v-model:columnVisibility",[3632,3752,3753],{},[329,3754,3755],{},"Record\u003Cstring, boolean>",[3632,3757,3758],{},[329,3759,2488],{},[3632,3761,3762],{},"Column visibility overrides.",[3611,3764,3765,3770,3775,3779],{},[3632,3766,3767],{},[329,3768,3769],{},"v-model:columnOrder",[3632,3771,3772],{},[329,3773,3774],{},"string[]",[3632,3776,3777],{},[329,3778,1097],{},[3632,3780,3781],{},"Leaf column order.",[3611,3783,3784,3789,3794,3798],{},[3632,3785,3786],{},[329,3787,3788],{},"v-model:columnSizing",[3632,3790,3791],{},[329,3792,3793],{},"Record\u003Cstring, number>",[3632,3795,3796],{},[329,3797,2488],{},[3632,3799,3800],{},"Column widths in pixels.",[3611,3802,3803,3808,3813,3816],{},[3632,3804,3805],{},[329,3806,3807],{},"v-model:columnPinning",[3632,3809,3810],{},[329,3811,3812],{},"{ start: string[], end: string[] }",[3632,3814,3815],{},"empty sides",[3632,3817,3818],{},"Pinned leaf columns.",[3611,3820,3821,3826,3830,3834],{},[3632,3822,3823],{},[329,3824,3825],{},"v-model:rowOrder",[3632,3827,3828],{},[329,3829,3736],{},[3632,3831,3832],{},[329,3833,1097],{},[3632,3835,3836],{},"User-controlled row order.",[1404,3838,3840],{"id":3839},"props","Props",[338,3842,3843,3856],{},[3608,3844,3845],{},[3611,3846,3847,3850,3852,3854],{},[3614,3848,3849],{},"Prop",[3614,3851,3619],{},[3614,3853,3622],{},[3614,3855,3625],{},[3627,3857,3858,3875,3891,3907,3924,3940,3956,3972,3993,4011,4030,4049,4069,4087,4105,4122,4140,4156,4175,4195,4215,4235,4253,4270,4286,4305,4323,4341,4359,4379,4397,4414],{},[3611,3859,3860,3864,3869,3872],{},[3632,3861,3862],{},[329,3863,1434],{},[3632,3865,3866],{},[329,3867,3868],{},"readonly T[]",[3632,3870,3871],{},"required",[3632,3873,3874],{},"Rows supplied to the table.",[3611,3876,3877,3881,3886,3888],{},[3632,3878,3879],{},[329,3880,1181],{},[3632,3882,3883],{},[329,3884,3885],{},"readonly DataTableColumn\u003CT>[]",[3632,3887,3871],{},[3632,3889,3890],{},"Typed column definitions.",[3611,3892,3893,3897,3902,3904],{},[3632,3894,3895],{},[329,3896,2092],{},[3632,3898,3899],{},[329,3900,3901],{},"keyof T | (row, index) => string | number",[3632,3903,3871],{},[3632,3905,3906],{},"Stable row identity.",[3611,3908,3909,3914,3918,3921],{},[3632,3910,3911],{},[329,3912,3913],{},"caption",[3632,3915,3916],{},[329,3917,3698],{},[3632,3919,3920],{},"—",[3632,3922,3923],{},"Native table caption text.",[3611,3925,3926,3931,3935,3937],{},[3632,3927,3928],{},[329,3929,3930],{},"ariaLabel",[3632,3932,3933],{},[329,3934,3698],{},[3632,3936,3920],{},[3632,3938,3939],{},"Accessible table label when no caption is used.",[3611,3941,3942,3947,3951,3953],{},[3632,3943,3944],{},[329,3945,3946],{},"ariaLabelledby",[3632,3948,3949],{},[329,3950,3698],{},[3632,3952,3920],{},[3632,3954,3955],{},"ID of an external table label.",[3611,3957,3958,3963,3967,3969],{},[3632,3959,3960],{},[329,3961,3962],{},"ariaDescribedby",[3632,3964,3965],{},[329,3966,3698],{},[3632,3968,3920],{},[3632,3970,3971],{},"IDs describing the table.",[3611,3973,3974,3978,3983,3987],{},[3632,3975,3976],{},[329,3977,3549],{},[3632,3979,3980],{},[329,3981,3982],{},"boolean",[3632,3984,3985],{},[329,3986,2056],{},[3632,3988,3989,3990,401],{},"Renders loading state and ",[329,3991,3992],{},"aria-busy",[3611,3994,3995,3999,4004,4008],{},[3632,3996,3997],{},[329,3998,3563],{},[3632,4000,4001],{},[329,4002,4003],{},"boolean | string | Error",[3632,4005,4006],{},[329,4007,2056],{},[3632,4009,4010],{},"Renders error state.",[3611,4012,4013,4018,4022,4027],{},[3632,4014,4015],{},[329,4016,4017],{},"emptyLabel",[3632,4019,4020],{},[329,4021,3698],{},[3632,4023,4024],{},[329,4025,4026],{},"\"No results.\"",[3632,4028,4029],{},"Default empty-state text.",[3611,4031,4032,4037,4041,4046],{},[3632,4033,4034],{},[329,4035,4036],{},"errorLabel",[3632,4038,4039],{},[329,4040,3698],{},[3632,4042,4043],{},[329,4044,4045],{},"\"Unable to load results.\"",[3632,4047,4048],{},"Default non-Error message.",[3611,4050,4051,4056,4061,4066],{},[3632,4052,4053],{},[329,4054,4055],{},"sortingMode",[3632,4057,4058],{},[329,4059,4060],{},"\"single\" | \"multiple\"",[3632,4062,4063],{},[329,4064,4065],{},"\"single\"",[3632,4067,4068],{},"Number of retained sort descriptors.",[3611,4070,4071,4076,4080,4084],{},[3632,4072,4073],{},[329,4074,4075],{},"manualSorting",[3632,4077,4078],{},[329,4079,3982],{},[3632,4081,4082],{},[329,4083,2056],{},[3632,4085,4086],{},"Disables client sorting.",[3611,4088,4089,4094,4098,4102],{},[3632,4090,4091],{},[329,4092,4093],{},"manualFiltering",[3632,4095,4096],{},[329,4097,3982],{},[3632,4099,4100],{},[329,4101,2056],{},[3632,4103,4104],{},"Disables client filtering.",[3611,4106,4107,4111,4115,4119],{},[3632,4108,4109],{},[329,4110,2289],{},[3632,4112,4113],{},[329,4114,3982],{},[3632,4116,4117],{},[329,4118,2056],{},[3632,4120,4121],{},"Enables client pagination.",[3611,4123,4124,4129,4133,4137],{},[3632,4125,4126],{},[329,4127,4128],{},"manualPagination",[3632,4130,4131],{},[329,4132,3982],{},[3632,4134,4135],{},[329,4136,2056],{},[3632,4138,4139],{},"Treats supplied data as an API page.",[3611,4141,4142,4146,4151,4153],{},[3632,4143,4144],{},[329,4145,2897],{},[3632,4147,4148],{},[329,4149,4150],{},"number",[3632,4152,3920],{},[3632,4154,4155],{},"Total server row count for manual pagination.",[3611,4157,4158,4163,4167,4172],{},[3632,4159,4160],{},[329,4161,4162],{},"showPagination",[3632,4164,4165],{},[329,4166,3982],{},[3632,4168,4169],{},[329,4170,4171],{},"true",[3632,4173,4174],{},"Shows built-in or slotted pagination.",[3611,4176,4177,4182,4187,4192],{},[3632,4178,4179],{},[329,4180,4181],{},"selectionMode",[3632,4183,4184],{},[329,4185,4186],{},"\"none\" | \"single\" | \"multiple\"",[3632,4188,4189],{},[329,4190,4191],{},"\"none\"",[3632,4193,4194],{},"Selection behavior.",[3611,4196,4197,4202,4207,4212],{},[3632,4198,4199],{},[329,4200,4201],{},"selectionBehavior",[3632,4203,4204],{},[329,4205,4206],{},"\"control\" | \"row\"",[3632,4208,4209],{},[329,4210,4211],{},"\"control\"",[3632,4213,4214],{},"Whether non-interactive row clicks select.",[3611,4216,4217,4222,4227,4232],{},[3632,4218,4219],{},[329,4220,4221],{},"selectAllScope",[3632,4223,4224],{},[329,4225,4226],{},"\"page\" | \"filtered\"",[3632,4228,4229],{},[329,4230,4231],{},"\"page\"",[3632,4233,4234],{},"Rows affected by select all.",[3611,4236,4237,4242,4247,4250],{},[3632,4238,4239],{},[329,4240,4241],{},"isRowSelectable",[3632,4243,4244],{},[329,4245,4246],{},"(row) => boolean",[3632,4248,4249],{},"all rows",[3632,4251,4252],{},"Disables selection per row.",[3611,4254,4255,4260,4264,4267],{},[3632,4256,4257],{},[329,4258,4259],{},"isRowExpandable",[3632,4261,4262],{},[329,4263,4246],{},[3632,4265,4266],{},"rows with children",[3632,4268,4269],{},"Enables detail expansion per row.",[3611,4271,4272,4276,4281,4283],{},[3632,4273,4274],{},[329,4275,3237],{},[3632,4277,4278],{},[329,4279,4280],{},"(row) => readonly T[]",[3632,4282,3920],{},[3632,4284,4285],{},"Returns hierarchical child rows.",[3611,4287,4288,4293,4298,4302],{},[3632,4289,4290],{},[329,4291,4292],{},"columnResize",[3632,4294,4295],{},[329,4296,4297],{},"boolean | DataTableColumnResizeOptions",[3632,4299,4300],{},[329,4301,2056],{},[3632,4303,4304],{},"Enables pointer\u002Ftouch\u002Fkeyboard resizing.",[3611,4306,4307,4312,4316,4320],{},[3632,4308,4309],{},[329,4310,4311],{},"columnReorder",[3632,4313,4314],{},[329,4315,3982],{},[3632,4317,4318],{},[329,4319,2056],{},[3632,4321,4322],{},"Enables pointer\u002Ftouch\u002Fkeyboard column reorder handles.",[3611,4324,4325,4330,4334,4338],{},[3632,4326,4327],{},[329,4328,4329],{},"rowReorder",[3632,4331,4332],{},[329,4333,3982],{},[3632,4335,4336],{},[329,4337,2056],{},[3632,4339,4340],{},"Enables pointer\u002Ftouch\u002Fkeyboard row reorder handles.",[3611,4342,4343,4348,4352,4356],{},[3632,4344,4345],{},[329,4346,4347],{},"stickyHeader",[3632,4349,4350],{},[329,4351,3982],{},[3632,4353,4354],{},[329,4355,2056],{},[3632,4357,4358],{},"Keeps headers at the viewport top.",[3611,4360,4361,4366,4371,4376],{},[3632,4362,4363],{},[329,4364,4365],{},"dir",[3632,4367,4368],{},[329,4369,4370],{},"\"ltr\" | \"rtl\"",[3632,4372,4373],{},[329,4374,4375],{},"\"ltr\"",[3632,4377,4378],{},"Logical direction for sizing and pinning.",[3611,4380,4381,4386,4391,4394],{},[3632,4382,4383],{},[329,4384,4385],{},"labels",[3632,4387,4388],{},[329,4389,4390],{},"DataTableLabels",[3632,4392,4393],{},"English labels",[3632,4395,4396],{},"Accessible control and state labels.",[3611,4398,4399,4404,4409,4411],{},[3632,4400,4401],{},[329,4402,4403],{},"rowAttrs",[3632,4405,4406],{},[329,4407,4408],{},"HTMLAttributes | (row) => HTMLAttributes",[3632,4410,3920],{},[3632,4412,4413],{},"Native attributes\u002Fclasses for every row.",[3611,4415,4416,4421,4426,4428],{},[3632,4417,4418],{},[329,4419,4420],{},"ui",[3632,4422,4423],{},[329,4424,4425],{},"DataTableUi",[3632,4427,3920],{},[3632,4429,4430],{},"Classes for structural parts.",[1404,4432,4434],{"id":4433},"column-shape","Column Shape",[338,4436,4437,4448],{},[3608,4438,4439],{},[3611,4440,4441,4444,4446],{},[3614,4442,4443],{},"Key",[3614,4445,3619],{},[3614,4447,3625],{},[3627,4449,4450,4463,4478,4492,4507,4522,4536,4551,4565,4580,4594,4608,4628,4645,4660,4674,4690,4704,4719],{},[3611,4451,4452,4456,4460],{},[3632,4453,4454],{},[329,4455,1196],{},[3632,4457,4458],{},[329,4459,3698],{},[3632,4461,4462],{},"Stable column ID. Required without a string accessor.",[3611,4464,4465,4470,4475],{},[3632,4466,4467],{},[329,4468,4469],{},"type",[3632,4471,4472],{},[329,4473,4474],{},"\"data\" | \"display\" | \"selection\" | \"expander\" | \"reorder\"",[3632,4476,4477],{},"Column behavior.",[3611,4479,4480,4484,4489],{},[3632,4481,4482],{},[329,4483,1620],{},[3632,4485,4486],{},[329,4487,4488],{},"keyof T | (row, index) => value",[3632,4490,4491],{},"Resolves a data value.",[3611,4493,4494,4499,4504],{},[3632,4495,4496],{},[329,4497,4498],{},"header",[3632,4500,4501],{},[329,4502,4503],{},"string | (context) => VNodeChild",[3632,4505,4506],{},"Default header content.",[3611,4508,4509,4514,4519],{},[3632,4510,4511],{},[329,4512,4513],{},"cell",[3632,4515,4516],{},[329,4517,4518],{},"(context) => VNodeChild",[3632,4520,4521],{},"Default cell renderer.",[3611,4523,4524,4529,4533],{},[3632,4525,4526],{},[329,4527,4528],{},"footer",[3632,4530,4531],{},[329,4532,4503],{},[3632,4534,4535],{},"Footer content.",[3611,4537,4538,4543,4548],{},[3632,4539,4540],{},[329,4541,4542],{},"children",[3632,4544,4545],{},[329,4546,4547],{},"DataTableColumn\u003CT>[]",[3632,4549,4550],{},"Nested grouped columns.",[3611,4552,4553,4558,4562],{},[3632,4554,4555],{},[329,4556,4557],{},"sortable",[3632,4559,4560],{},[329,4561,3982],{},[3632,4563,4564],{},"Enables header sorting. Defaults to true for accessor columns.",[3611,4566,4567,4572,4577],{},[3632,4568,4569],{},[329,4570,4571],{},"compare",[3632,4573,4574],{},[329,4575,4576],{},"(a, b, rowA, rowB) => number",[3632,4578,4579],{},"Custom client comparator.",[3611,4581,4582,4587,4591],{},[3632,4583,4584],{},[329,4585,4586],{},"filterable",[3632,4588,4589],{},[329,4590,3982],{},[3632,4592,4593],{},"Includes column in filters\u002Fglobal search.",[3611,4595,4596,4600,4605],{},[3632,4597,4598],{},[329,4599,2067],{},[3632,4601,4602],{},[329,4603,4604],{},"(value, filterValue, row) => boolean",[3632,4606,4607],{},"Custom client filter.",[3611,4609,4610,4621,4625],{},[3632,4611,4612,449,4615,449,4618],{},[329,4613,4614],{},"size",[329,4616,4617],{},"minSize",[329,4619,4620],{},"maxSize",[3632,4622,4623],{},[329,4624,4150],{},[3632,4626,4627],{},"Width constraints in pixels.",[3611,4629,4630,4638,4642],{},[3632,4631,4632,449,4635],{},[329,4633,4634],{},"resizable",[329,4636,4637],{},"reorderable",[3632,4639,4640],{},[329,4641,3982],{},[3632,4643,4644],{},"Disables an enabled table-level interaction per column.",[3611,4646,4647,4652,4657],{},[3632,4648,4649],{},[329,4650,4651],{},"pinned",[3632,4653,4654],{},[329,4655,4656],{},"\"start\" | \"end\" | false",[3632,4658,4659],{},"Initial logical pin side.",[3611,4661,4662,4667,4671],{},[3632,4663,4664],{},[329,4665,4666],{},"hidden",[3632,4668,4669],{},[329,4670,3982],{},[3632,4672,4673],{},"Initial visibility.",[3611,4675,4676,4681,4685],{},[3632,4677,4678],{},[329,4679,4680],{},"rowHeader",[3632,4682,4683],{},[329,4684,3982],{},[3632,4686,4687,4688,401],{},"Renders body cells as ",[329,4689,3247],{},[3611,4691,4692,4696,4701],{},[3632,4693,4694],{},[329,4695,4420],{},[3632,4697,4698],{},[329,4699,4700],{},"{ column, header, cell, footer }",[3632,4702,4703],{},"Classes for this whole column or one section.",[3611,4705,4706,4711,4716],{},[3632,4707,4708],{},[329,4709,4710],{},"attrs",[3632,4712,4713],{},[329,4714,4715],{},"{ header, cell, footer }",[3632,4717,4718],{},"Native attributes or context callbacks.",[3611,4720,4721,4726,4730],{},[3632,4722,4723],{},[329,4724,4725],{},"metadata",[3632,4727,4728],{},[329,4729,3679],{},[3632,4731,4732],{},"Application metadata returned on the definition.",[1404,4734,4736],{"id":4735},"emits","Emits",[326,4738,4739,4740,4743,4744,4747,4748,4751,4752,4754],{},"Every model emits its ",[329,4741,4742],{},"update:*"," event after an accepted change. The paired ",[329,4745,4746],{},"*-change"," event fires first with ",[329,4749,4750],{},"(value, details)","; ",[329,4753,2431],{}," prevents the model update.",[338,4756,4757,4766],{},[3608,4758,4759],{},[3611,4760,4761,4764],{},[3614,4762,4763],{},"Event",[3614,4765,3625],{},[3627,4767,4768,4778,4788,4798,4808,4818,4828,4838,4848,4858,4868,4878,4888,4898,4908],{},[3611,4769,4770,4775],{},[3632,4771,4772],{},[329,4773,4774],{},"selection-change",[3632,4776,4777],{},"Selection changed.",[3611,4779,4780,4785],{},[3632,4781,4782],{},[329,4783,4784],{},"sorting-change",[3632,4786,4787],{},"Sort descriptors changed.",[3611,4789,4790,4795],{},[3632,4791,4792],{},[329,4793,4794],{},"filters-change",[3632,4796,4797],{},"Column filters changed.",[3611,4799,4800,4805],{},[3632,4801,4802],{},[329,4803,4804],{},"global-filter-change",[3632,4806,4807],{},"Global filter changed.",[3611,4809,4810,4815],{},[3632,4811,4812],{},[329,4813,4814],{},"pagination-change",[3632,4816,4817],{},"Page or page size changed.",[3611,4819,4820,4825],{},[3632,4821,4822],{},[329,4823,4824],{},"expanded-change",[3632,4826,4827],{},"Expanded row keys changed.",[3611,4829,4830,4835],{},[3632,4831,4832],{},[329,4833,4834],{},"column-visibility-change",[3632,4836,4837],{},"Visibility map changed.",[3611,4839,4840,4845],{},[3632,4841,4842],{},[329,4843,4844],{},"column-order-change",[3632,4846,4847],{},"Leaf column order changed.",[3611,4849,4850,4855],{},[3632,4851,4852],{},[329,4853,4854],{},"column-sizing-change",[3632,4856,4857],{},"Width map changed.",[3611,4859,4860,4865],{},[3632,4861,4862],{},[329,4863,4864],{},"column-pinning-change",[3632,4866,4867],{},"Pin sides changed.",[3611,4869,4870,4875],{},[3632,4871,4872],{},[329,4873,4874],{},"row-order-change",[3632,4876,4877],{},"Row order changed.",[3611,4879,4880,4885],{},[3632,4881,4882],{},[329,4883,4884],{},"reset-change",[3632,4886,4887],{},"Atomic reset requested. Canceling it preserves every model.",[3611,4889,4890,4895],{},[3632,4891,4892],{},[329,4893,4894],{},"row-click",[3632,4896,4897],{},"Native row click with row and cancelable details.",[3611,4899,4900,4905],{},[3632,4901,4902],{},[329,4903,4904],{},"row-contextmenu",[3632,4906,4907],{},"Native row context-menu event with row details.",[3611,4909,4910,4915],{},[3632,4911,4912],{},[329,4913,4914],{},"cell-click",[3632,4916,4917],{},"Native cell click with cell context and details.",[1404,4919,4921],{"id":4920},"slots","Slots",[338,4923,4924,4935],{},[3608,4925,4926],{},[3611,4927,4928,4931,4933],{},[3614,4929,4930],{},"Slot",[3614,4932,3840],{},[3614,4934,3625],{},[3627,4936,4937,4951,4962,4975,4986,5004,5017,5028,5043,5059,5074,5100,5113,5128,5142,5156,5170,5184],{},[3611,4938,4939,4944,4948],{},[3632,4940,4941],{},[329,4942,4943],{},"toolbar",[3632,4945,4946],{},[329,4947,338],{},[3632,4949,4950],{},"Controls above the viewport.",[3611,4952,4953,4957,4959],{},[3632,4954,4955],{},[329,4956,3913],{},[3632,4958,3920],{},[3632,4960,4961],{},"Native caption content.",[3611,4963,4964,4969,4972],{},[3632,4965,4966],{},[329,4967,4968],{},"[column.id]-header",[3632,4970,4971],{},"header context",[3632,4973,4974],{},"Specific header renderer.",[3611,4976,4977,4981,4983],{},[3632,4978,4979],{},[329,4980,4498],{},[3632,4982,4971],{},[3632,4984,4985],{},"Generic header renderer.",[3611,4987,4988,4993,5001],{},[3632,4989,4990],{},[329,4991,4992],{},"sort-indicator",[3632,4994,4995,449,4998],{},[329,4996,4997],{},"column",[329,4999,5000],{},"sorted",[3632,5002,5003],{},"Sort direction content.",[3611,5005,5006,5011,5014],{},[3632,5007,5008],{},[329,5009,5010],{},"[column.id]-cell",[3632,5012,5013],{},"cell context",[3632,5015,5016],{},"Specific cell renderer.",[3611,5018,5019,5023,5025],{},[3632,5020,5021],{},[329,5022,4513],{},[3632,5024,5013],{},[3632,5026,5027],{},"Generic cell renderer.",[3611,5029,5030,5034,5040],{},[3632,5031,5032],{},[329,5033,3124],{},[3632,5035,5036,449,5038],{},[329,5037,2186],{},[329,5039,338],{},[3632,5041,5042],{},"Detail row content.",[3611,5044,5045,5050,5056],{},[3632,5046,5047],{},[329,5048,5049],{},"[column.id]-footer",[3632,5051,5052,449,5054],{},[329,5053,4997],{},[329,5055,338],{},[3632,5057,5058],{},"Specific footer content.",[3611,5060,5061,5065,5071],{},[3632,5062,5063],{},[329,5064,4528],{},[3632,5066,5067,449,5069],{},[329,5068,4997],{},[329,5070,338],{},[3632,5072,5073],{},"Generic footer content.",[3611,5075,5076,5080,5097],{},[3632,5077,5078],{},[329,5079,2283],{},[3632,5081,5082,449,5084,449,5086,449,5088,449,5091,449,5094],{},[329,5083,338],{},[329,5085,2414],{},[329,5087,2417],{},[329,5089,5090],{},"pageCount",[329,5092,5093],{},"setPage",[329,5095,5096],{},"setPageSize",[3632,5098,5099],{},"Replaces default paginator.",[3611,5101,5102,5106,5110],{},[3632,5103,5104],{},[329,5105,3549],{},[3632,5107,5108],{},[329,5109,338],{},[3632,5111,5112],{},"Loading row content.",[3611,5114,5115,5119,5125],{},[3632,5116,5117],{},[329,5118,3563],{},[3632,5120,5121,449,5123],{},[329,5122,3563],{},[329,5124,338],{},[3632,5126,5127],{},"Error row content.",[3611,5129,5130,5135,5139],{},[3632,5131,5132],{},[329,5133,5134],{},"empty",[3632,5136,5137],{},[329,5138,338],{},[3632,5140,5141],{},"Empty row content.",[3611,5143,5144,5149,5153],{},[3632,5145,5146],{},[329,5147,5148],{},"expansion-trigger",[3632,5150,5151],{},[329,5152,2186],{},[3632,5154,5155],{},"Expand\u002Fcollapse control content.",[3611,5157,5158,5163,5167],{},[3632,5159,5160],{},[329,5161,5162],{},"reorder-handle",[3632,5164,5165],{},[329,5166,2186],{},[3632,5168,5169],{},"Row drag handle content.",[3611,5171,5172,5177,5181],{},[3632,5173,5174],{},[329,5175,5176],{},"column-reorder-handle",[3632,5178,5179],{},[329,5180,4997],{},[3632,5182,5183],{},"Column drag handle content.",[3611,5185,5186,5191,5195],{},[3632,5187,5188],{},[329,5189,5190],{},"resize-handle",[3632,5192,5193],{},[329,5194,4997],{},[3632,5196,5197],{},"Resize handle content.",[1404,5199,5201],{"id":5200},"controller","Controller",[326,5203,5204,5206,5207,449,5209,5212,5213,5215],{},[329,5205,356],{},", cell\u002Fheader contexts, ",[329,5208,440],{},[329,5210,5211],{},"useDataTable()",", and the exposed ",[329,5214,338],{}," property use the same Vue-native controller.",[338,5217,5218,5226],{},[3608,5219,5220],{},[3611,5221,5222,5224],{},[3614,5223,970],{},[3614,5225,3625],{},[3627,5227,5228,5244,5259,5267,5280,5290,5306,5316,5329,5342,5352,5365,5375,5385,5395,5408],{},[3611,5229,5230,5241],{},[3632,5231,5232,449,5234,449,5237,449,5239],{},[329,5233,1181],{},[329,5235,5236],{},"headerGroups",[329,5238,1166],{},[329,5240,2279],{},[3632,5242,5243],{},"Read-only computed table structures.",[3611,5245,5246,5256],{},[3632,5247,5248,449,5250,449,5252,449,5254],{},[329,5249,2904],{},[329,5251,5090],{},[329,5253,2414],{},[329,5255,2417],{},[3632,5257,5258],{},"Read-only result and pagination state.",[3611,5260,5261,5264],{},[3632,5262,5263],{},"model refs",[3632,5265,5266],{},"The eleven public model refs listed above.",[3611,5268,5269,5277],{},[3632,5270,5271,449,5274],{},[329,5272,5273],{},"getColumn(id)",[329,5275,5276],{},"getRow(id)",[3632,5278,5279],{},"Looks up wrapped public instances.",[3611,5281,5282,5287],{},[3632,5283,5284],{},[329,5285,5286],{},"getRowCells(row)",[3632,5288,5289],{},"Returns visible cell contexts.",[3611,5291,5292,5303],{},[3632,5293,5294,449,5297,449,5300],{},[329,5295,5296],{},"setFilter(id, value, event?)",[329,5298,5299],{},"clearFilter(id, event?)",[329,5301,5302],{},"setGlobalFilter(value, event?)",[3632,5304,5305],{},"Updates filters.",[3611,5307,5308,5313],{},[3632,5309,5310],{},[329,5311,5312],{},"toggleSorting(id, event?)",[3632,5314,5315],{},"Cycles ascending, descending, and none.",[3611,5317,5318,5326],{},[3632,5319,5320,449,5323],{},[329,5321,5322],{},"toggleRow(row, event?)",[329,5324,5325],{},"toggleAllRows(event?)",[3632,5327,5328],{},"Updates selection.",[3611,5330,5331,5339],{},[3632,5332,5333,449,5336],{},[329,5334,5335],{},"isAllRowsSelected()",[329,5337,5338],{},"isSomeRowsSelected()",[3632,5340,5341],{},"Selection summary for controls.",[3611,5343,5344,5349],{},[3632,5345,5346],{},[329,5347,5348],{},"toggleExpanded(row, event?)",[3632,5350,5351],{},"Updates detail\u002Fchild visibility.",[3611,5353,5354,5362],{},[3632,5355,5356,449,5359],{},[329,5357,5358],{},"setPage(page, event?)",[329,5360,5361],{},"setPageSize(size, event?)",[3632,5363,5364],{},"Updates pagination.",[3611,5366,5367,5372],{},[3632,5368,5369],{},[329,5370,5371],{},"setColumnVisible(id, visible, event?)",[3632,5373,5374],{},"Updates visibility.",[3611,5376,5377,5382],{},[3632,5378,5379],{},[329,5380,5381],{},"setColumnPinned(id, side, event?)",[3632,5383,5384],{},"Updates logical pinning.",[3611,5386,5387,5392],{},[3632,5388,5389],{},[329,5390,5391],{},"resizeColumn(id, size, event?)",[3632,5393,5394],{},"Applies width constraints and resize behavior.",[3611,5396,5397,5405],{},[3632,5398,5399,449,5402],{},[329,5400,5401],{},"moveColumn(id, targetId, event?)",[329,5403,5404],{},"moveRow(id, targetId, event?)",[3632,5406,5407],{},"Reorders by stable IDs.",[3611,5409,5410,5415],{},[3632,5411,5412],{},[329,5413,5414],{},"reset(event?)",[3632,5416,5417,5418,5420],{},"Atomically restores model defaults and definition-level visibility\u002Fpinning. Returns ",[329,5419,2056],{}," when canceled.",[326,5422,5423,5424,449,5427,449,5430,449,5433,449,5436,449,5439,449,5441,2060,5443,401],{},"The component instance exposes ",[329,5425,5426],{},"getColumn",[329,5428,5429],{},"getRow",[329,5431,5432],{},"setFilter",[329,5434,5435],{},"clearFilter",[329,5437,5438],{},"setGlobalFilter",[329,5440,5093],{},[329,5442,5096],{},[329,5444,5445],{},"reset",[1404,5447,5449],{"id":5448},"ui-options","UI Options",[338,5451,5452,5460],{},[3608,5453,5454],{},[3611,5455,5456,5458],{},[3614,5457,4443],{},[3614,5459,3625],{},[3627,5461,5462,5487,5505,5524,5540,5556,5569,5594,5610,5619,5635,5660],{},[3611,5463,5464,5484],{},[3632,5465,5466,449,5469,449,5471,449,5474,449,5476,449,5478,449,5481],{},[329,5467,5468],{},"root",[329,5470,4943],{},[329,5472,5473],{},"viewport",[329,5475,338],{},[329,5477,3913],{},[329,5479,5480],{},"colgroup",[329,5482,5483],{},"col",[3632,5485,5486],{},"Outer table structure.",[3611,5488,5489,5502],{},[3632,5490,5491,449,5493,449,5496,449,5499],{},[329,5492,3608],{},[329,5494,5495],{},"headerRow",[329,5497,5498],{},"headerCell",[329,5500,5501],{},"headerContent",[3632,5503,5504],{},"Header structure.",[3611,5506,5507,5521],{},[3632,5508,5509,449,5512,449,5515,449,5518],{},[329,5510,5511],{},"sortTrigger",[329,5513,5514],{},"sortIndicator",[329,5516,5517],{},"resizeHandle",[329,5519,5520],{},"columnReorderHandle",[3632,5522,5523],{},"Header controls.",[3611,5525,5526,5537],{},[3632,5527,5528,449,5530,449,5532,449,5534],{},[329,5529,3627],{},[329,5531,2186],{},[329,5533,4513],{},[329,5535,5536],{},"cellContent",[3632,5538,5539],{},"Body structure.",[3611,5541,5542,5553],{},[3632,5543,5544,449,5547,449,5550],{},[329,5545,5546],{},"selectionControl",[329,5548,5549],{},"expansionTrigger",[329,5551,5552],{},"reorderHandle",[3632,5554,5555],{},"Row controls.",[3611,5557,5558,5566],{},[3632,5559,5560,449,5563],{},[329,5561,5562],{},"expandedRow",[329,5564,5565],{},"expandedCell",[3632,5567,5568],{},"Expanded detail row.",[3611,5570,5571,5591],{},[3632,5572,5573,449,5576,449,5579,449,5582,449,5585,449,5588],{},[329,5574,5575],{},"loadingRow",[329,5577,5578],{},"loadingCell",[329,5580,5581],{},"errorRow",[329,5583,5584],{},"errorCell",[329,5586,5587],{},"emptyRow",[329,5589,5590],{},"emptyCell",[3632,5592,5593],{},"Body states.",[3611,5595,5596,5607],{},[3632,5597,5598,449,5601,449,5604],{},[329,5599,5600],{},"tfoot",[329,5602,5603],{},"footerRow",[329,5605,5606],{},"footerCell",[3632,5608,5609],{},"Footer structure.",[3611,5611,5612,5616],{},[3632,5613,5614],{},[329,5615,2283],{},[3632,5617,5618],{},"Paginator wrapper.",[3611,5620,5621,5632],{},[3632,5622,5623,449,5626,449,5629],{},[329,5624,5625],{},"paginationRoot",[329,5627,5628],{},"paginationList",[329,5630,5631],{},"paginationItem",[3632,5633,5634],{},"Nested Pagination structure.",[3611,5636,5637,5657],{},[3632,5638,5639,449,5642,449,5645,449,5648,449,5651,449,5654],{},[329,5640,5641],{},"paginationFirst",[329,5643,5644],{},"paginationPrevious",[329,5646,5647],{},"paginationPage",[329,5649,5650],{},"paginationEllipsis",[329,5652,5653],{},"paginationNext",[329,5655,5656],{},"paginationLast",[3632,5658,5659],{},"Nested Pagination controls.",[3611,5661,5662,5667],{},[3632,5663,5664],{},[329,5665,5666],{},"liveRegion",[3632,5668,5669],{},"Visually hidden result announcement.",[1404,5671,5673],{"id":5672},"styling-hooks","Styling Hooks",[338,5675,5676,5689],{},[3608,5677,5678],{},[3611,5679,5680,5683,5686],{},[3614,5681,5682],{},"UI key",[3614,5684,5685],{},"CSS class",[3614,5687,5688],{},"Data attrs",[3627,5690,5691,5716,5729,5743,5758,5771,5795,5811,5827,5853,5866,5885,5899,5912,5925,5957,5977,5990,6009,6027,6049,6068,6081,6098],{},[3611,5692,5693,5697,5702],{},[3632,5694,5695],{},[329,5696,5468],{},[3632,5698,5699],{},[329,5700,5701],{},"akaza-data-table",[3632,5703,5704,449,5707,449,5710,449,5713],{},[329,5705,5706],{},"data-akaza-state=\"loading|error|ready|empty\"",[329,5708,5709],{},"data-akaza-loading",[329,5711,5712],{},"data-akaza-error",[329,5714,5715],{},"data-akaza-sticky-header",[3611,5717,5718,5722,5727],{},[3632,5719,5720],{},[329,5721,4943],{},[3632,5723,5724],{},[329,5725,5726],{},"akaza-data-table-toolbar",[3632,5728,3920],{},[3611,5730,5731,5735,5740],{},[3632,5732,5733],{},[329,5734,5473],{},[3632,5736,5737],{},[329,5738,5739],{},"akaza-data-table-viewport",[3632,5741,5742],{},"Native overflow viewport.",[3611,5744,5745,5749,5754],{},[3632,5746,5747],{},[329,5748,338],{},[3632,5750,5751],{},[329,5752,5753],{},"akaza-data-table-table",[3632,5755,5756],{},[329,5757,3992],{},[3611,5759,5760,5764,5769],{},[3632,5761,5762],{},[329,5763,3913],{},[3632,5765,5766],{},[329,5767,5768],{},"akaza-data-table-caption",[3632,5770,3920],{},[3611,5772,5773,5779,5787],{},[3632,5774,5775,449,5777],{},[329,5776,5480],{},[329,5778,5483],{},[3632,5780,5781,449,5784],{},[329,5782,5783],{},"akaza-data-table-colgroup",[329,5785,5786],{},"akaza-data-table-col",[3632,5788,5789,449,5792],{},[329,5790,5791],{},"data-akaza-column",[329,5793,5794],{},"data-akaza-pinned",[3611,5796,5797,5801,5806],{},[3632,5798,5799],{},[329,5800,3608],{},[3632,5802,5803],{},[329,5804,5805],{},"akaza-data-table-thead",[3632,5807,5808],{},[329,5809,5810],{},"data-akaza-sticky",[3611,5812,5813,5817,5822],{},[3632,5814,5815],{},[329,5816,5495],{},[3632,5818,5819],{},[329,5820,5821],{},"akaza-data-table-header-row",[3632,5823,5824],{},[329,5825,5826],{},"data-akaza-depth",[3611,5828,5829,5833,5838],{},[3632,5830,5831],{},[329,5832,5498],{},[3632,5834,5835],{},[329,5836,5837],{},"akaza-data-table-header-cell",[3632,5839,5840,449,5842,449,5845,449,5848,449,5850],{},[329,5841,5791],{},[329,5843,5844],{},"data-akaza-sortable",[329,5846,5847],{},"data-akaza-state",[329,5849,5794],{},[329,5851,5852],{},"aria-sort",[3611,5854,5855,5859,5864],{},[3632,5856,5857],{},[329,5858,5501],{},[3632,5860,5861],{},[329,5862,5863],{},"akaza-data-table-header-content",[3632,5865,3920],{},[3611,5867,5868,5874,5882],{},[3632,5869,5870,449,5872],{},[329,5871,5511],{},[329,5873,5514],{},[3632,5875,5876,449,5879],{},[329,5877,5878],{},"akaza-data-table-sort-trigger",[329,5880,5881],{},"akaza-data-table-sort-indicator",[3632,5883,5884],{},"Native button attrs.",[3611,5886,5887,5891,5896],{},[3632,5888,5889],{},[329,5890,5517],{},[3632,5892,5893],{},[329,5894,5895],{},"akaza-data-table-resize-handle",[3632,5897,5898],{},"separator role and value ARIA.",[3611,5900,5901,5905,5910],{},[3632,5902,5903],{},[329,5904,5520],{},[3632,5906,5907],{},[329,5908,5909],{},"akaza-data-table-column-reorder-handle",[3632,5911,5884],{},[3611,5913,5914,5918,5923],{},[3632,5915,5916],{},[329,5917,3627],{},[3632,5919,5920],{},[329,5921,5922],{},"akaza-data-table-tbody",[3632,5924,3920],{},[3611,5926,5927,5931,5936],{},[3632,5928,5929],{},[329,5930,2186],{},[3632,5932,5933],{},[329,5934,5935],{},"akaza-data-table-row",[3632,5937,5938,449,5941,449,5944,449,5946,449,5948,449,5951,449,5954],{},[329,5939,5940],{},"data-akaza-row-key",[329,5942,5943],{},"data-akaza-row-index",[329,5945,5826],{},[329,5947,5847],{},[329,5949,5950],{},"data-akaza-selected",[329,5952,5953],{},"data-akaza-expanded",[329,5955,5956],{},"data-akaza-disabled",[3611,5958,5959,5963,5968],{},[3632,5960,5961],{},[329,5962,4513],{},[3632,5964,5965],{},[329,5966,5967],{},"akaza-data-table-cell",[3632,5969,5970,449,5972,449,5975],{},[329,5971,5791],{},[329,5973,5974],{},"data-akaza-column-index",[329,5976,5794],{},[3611,5978,5979,5983,5988],{},[3632,5980,5981],{},[329,5982,5536],{},[3632,5984,5985],{},[329,5986,5987],{},"akaza-data-table-cell-content",[3632,5989,3920],{},[3611,5991,5992,5995,6006],{},[3632,5993,5994],{},"row controls",[3632,5996,5997,449,6000,449,6003],{},[329,5998,5999],{},"akaza-data-table-selection-control",[329,6001,6002],{},"akaza-data-table-expansion-trigger",[329,6004,6005],{},"akaza-data-table-reorder-handle",[3632,6007,6008],{},"Native input\u002Fbutton ARIA.",[3611,6010,6011,6014,6022],{},[3632,6012,6013],{},"expanded parts",[3632,6015,6016,449,6019],{},[329,6017,6018],{},"akaza-data-table-expanded-row",[329,6020,6021],{},"akaza-data-table-expanded-cell",[3632,6023,6024],{},[329,6025,6026],{},"data-akaza-state=\"expanded\"",[3611,6028,6029,6032,6043],{},[3632,6030,6031],{},"state parts",[3632,6033,6034,449,6037,449,6040],{},[329,6035,6036],{},"akaza-data-table-loading-*",[329,6038,6039],{},"akaza-data-table-error-*",[329,6041,6042],{},"akaza-data-table-empty-*",[3632,6044,6045,6046,6048],{},"matching ",[329,6047,5847],{}," on rows.",[3611,6050,6051,6054,6065],{},[3632,6052,6053],{},"footer parts",[3632,6055,6056,449,6059,449,6062],{},[329,6057,6058],{},"akaza-data-table-tfoot",[329,6060,6061],{},"akaza-data-table-footer-row",[329,6063,6064],{},"akaza-data-table-footer-cell",[3632,6066,6067],{},"column\u002Fpinning attrs on cells.",[3611,6069,6070,6074,6079],{},[3632,6071,6072],{},[329,6073,2283],{},[3632,6075,6076],{},[329,6077,6078],{},"akaza-data-table-pagination",[3632,6080,3920],{},[3611,6082,6083,6086,6091],{},[3632,6084,6085],{},"nested pagination keys",[3632,6087,6088],{},[329,6089,6090],{},"akaza-pagination-*",[3632,6092,6093,6094,401],{},"See ",[6095,6096,200],"a",{"href":6097},"\u002Fcomponents\u002Fpagination#styling-hooks",[3611,6099,6100,6104,6109],{},[3632,6101,6102],{},[329,6103,5666],{},[3632,6105,6106],{},[329,6107,6108],{},"akaza-data-table-live-region",[3632,6110,6111,401],{},[329,6112,6113],{},"aria-live=\"polite\"",[326,6115,6116,6117,6120,6121,6124,6125,489,6127,6129],{},"Plain ",[329,6118,6119],{},"class"," applies to the outer root. Use ",[329,6122,6123],{},"ui.table",", section keys, or per-column ",[329,6126,4420],{},[329,6128,4710],{}," for granular control. DataTable ships only behavior-critical layout for overflow, sizing, sticky\u002Fpinned positioning, resize targets, and the live region.",[1404,6131,6133],{"id":6132},"keyboard","Keyboard",[338,6135,6136,6148],{},[3608,6137,6138],{},[3611,6139,6140,6143,6145],{},[3614,6141,6142],{},"Control",[3614,6144,4443],{},[3614,6146,6147],{},"Behavior",[3627,6149,6150,6167,6179,6193,6213,6225,6239,6255],{},[3611,6151,6152,6155,6164],{},[3632,6153,6154],{},"sort header",[3632,6156,6157,6160,6161],{},[329,6158,6159],{},"Enter"," \u002F ",[329,6162,6163],{},"Space",[3632,6165,6166],{},"Cycles sort direction through its native button.",[3611,6168,6169,6172,6176],{},[3632,6170,6171],{},"selection control",[3632,6173,6174],{},[329,6175,6163],{},[3632,6177,6178],{},"Selects a row or the configured select-all scope.",[3611,6180,6181,6184,6190],{},[3632,6182,6183],{},"expansion control",[3632,6185,6186,6160,6188],{},[329,6187,6159],{},[329,6189,6163],{},[3632,6191,6192],{},"Opens or closes row details\u002Fchildren.",[3611,6194,6195,6198,6206],{},[3632,6196,6197],{},"resize separator",[3632,6199,6200,6160,6203],{},[329,6201,6202],{},"ArrowLeft",[329,6204,6205],{},"ArrowRight",[3632,6207,6208,6209,6212],{},"Changes width by ",[329,6210,6211],{},"keyboardStep",", respecting RTL.",[3611,6214,6215,6217,6222],{},[3632,6216,6197],{},[3632,6218,6219],{},[329,6220,6221],{},"Home",[3632,6223,6224],{},"Restores the definition width or 150px.",[3611,6226,6227,6230,6236],{},[3632,6228,6229],{},"column reorder handle",[3632,6231,6232,6160,6234],{},[329,6233,6202],{},[329,6235,6205],{},[3632,6237,6238],{},"Moves the column one visible position.",[3611,6240,6241,6244,6252],{},[3632,6242,6243],{},"row reorder handle",[3632,6245,6246,6160,6249],{},[329,6247,6248],{},"ArrowUp",[329,6250,6251],{},"ArrowDown",[3632,6253,6254],{},"Moves the row one visible position.",[3611,6256,6257,6259,6268],{},[3632,6258,2283],{},[3632,6260,6261,449,6264,449,6266],{},[329,6262,6263],{},"Tab",[329,6265,6159],{},[329,6267,6163],{},[3632,6269,6270],{},"Uses native Pagination button\u002Flink behavior.",[326,6272,6273],{},"Pointer dragging and touch Pointer Events use the same resize and reorder actions. The table does not add spreadsheet-style arrow navigation to ordinary data cells; native table reading and normal document tab order remain intact.",[6275,6276,6277],"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":511,"searchDepth":518,"depth":551,"links":6279},[6280,6281,6282,6292],{"id":343,"depth":551,"text":344},{"id":495,"depth":551,"text":23},{"id":1401,"depth":551,"text":1402,"children":6283},[6284,6285,6286,6287,6288,6289,6290,6291],{"id":1406,"depth":591,"text":1407},{"id":1840,"depth":591,"text":1841},{"id":2075,"depth":591,"text":2076},{"id":2283,"depth":591,"text":200},{"id":2421,"depth":591,"text":2422},{"id":2911,"depth":591,"text":2912},{"id":3251,"depth":591,"text":3252},{"id":3495,"depth":591,"text":3496},{"id":3599,"depth":551,"text":3600,"children":6293},[6294,6295,6296,6297,6298,6299,6300,6301,6302],{"id":3603,"depth":591,"text":3604},{"id":3839,"depth":591,"text":3840},{"id":4433,"depth":591,"text":4434},{"id":4735,"depth":591,"text":4736},{"id":4920,"depth":591,"text":4921},{"id":5200,"depth":591,"text":5201},{"id":5448,"depth":591,"text":5449},{"id":5672,"depth":591,"text":5673},{"id":6132,"depth":591,"text":6133},"Semantic tables with sorting, filtering, selection, pagination, expansion, and resizing.","md",null,{},{"icon":93,"badge":6308},{"label":62,"color":63},{"title":90,"description":6303},"sUNmDQZHu8C8S4DxWcP-NukzJz0b9GfUxDT-L6gy-iE",[6312,6314],{"title":85,"path":86,"stem":87,"description":6313,"icon":88,"children":-1},"Right-click triggered menu positioned at the pointer.",{"title":96,"path":97,"stem":98,"description":6315,"icon":99,"badge":6316,"children":-1},"Locale-ordered segmented date input with keyboard editing, optional Calendar, validation, paste, and native forms.",{"label":62,"color":63},1789932248783]