[{"data":1,"prerenderedAt":2307},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-table":12,"i-ph:code":2301,"i-ph:copy":2303,"i-ph:dots-three-outline-fill":2305},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":2294,"extension":2295,"meta":2296,"navigation":130,"path":2297,"seo":2298,"stem":2299,"__hash__":2300},"docs\u002Fdocs\u002Fcomponents\u002Ftable.md","Table",{"type":16,"value":17,"toc":2288},"minimark",[18,22,31,38,833,838,843,1012,1016,1064,1068,1098,1102,1106,1147,1151,1173,1177,1208,1212,1218,1414,1420,1424,1471,1474,1562,1566,1571,1576,1677,1681,1839,1843,1847,2284],[19,20,14],"h1",{"id":21},"table",[23,24,25,26,30],"p",{},"A powerful data display component that provides sorting, pagination, row selection, and custom cell content. It's built with composable parts and the ",[27,28,29],"code",{},"defineTable"," composable to create complex interactive data tables. It is also the only component which should be imported as a namespace and not as separate atomic components.",[23,32,33,34,37],{},"If you have tables with a lot of horizontal content, wrap them in a ",[27,35,36],{},".vui-table-overflow"," class seamless vertical scrollbar setup.",[39,40,42],"table-example",{"source-path":41},"Table\u002FRoot.vue",[43,44,49],"pre",{"className":45,"code":46,"language":47,"meta":48,"style":48},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { defineTable, Pagination, Table } from '@dolanske\u002Fvui'\n\nconst data = [\n  { id: 1, name: 'John Doe', age: 30 },\n  { id: 2, name: 'Jane Smith', age: 25 },\n  { id: 3, name: 'Bob Johnson', age: 35 },\n  { id: 4, name: 'Alice Brown', age: 28 },\n  { id: 5, name: 'Charlie Davis', age: 32 },\n]\n\nconst { headers, rows, pagination, setPage } = defineTable(data, {\n  pagination: {\n    enabled: true,\n    perPage: 3,\n  },\n  select: true,\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTable.Root separate-cells>\n    \u003Ctemplate #header>\n      \u003CTable.SelectAll \u002F>\n      \u003CTable.Head v-for=\"header in headers\" :key=\"header.label\" :header=\"header\" sort \u002F>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #body>\n      \u003Ctr v-for=\"row in rows\" :key=\"row.id\">\n        \u003CTable.SelectRow :row=\"row\" \u002F>\n        \u003CTable.SelectRow :row=\"row\" \u002F>\n        \u003CTable.Cell>\n          {{ row.id }}\n        \u003C\u002FTable.Cell>\n        \u003CTable.Cell>\n          {{ row.name }}\n        \u003C\u002FTable.Cell>\n        \u003CTable.Cell>\n          {{ row.age }}\n        \u003C\u002FTable.Cell>\n      \u003C\u002Ftr>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #pagination>\n      \u003CPagination :pagination=\"pagination\" @change=\"setPage\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FTable.Root>\n\u003C\u002Ftemplate>\n","vue","",[27,50,51,87,125,132,148,194,230,266,302,338,344,349,392,401,415,427,433,445,451,461,466,476,490,506,518,566,576,590,622,645,664,674,681,691,700,706,715,724,730,739,749,758,772,805,814,824],{"__ignoreMap":48},[52,53,56,60,64,68,71,74,78,82,84],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":66}," lang",[52,72,73],{"class":58},"=",[52,75,77],{"class":76},"sBR95","\"",[52,79,81],{"class":80},"sfmH-","ts",[52,83,77],{"class":76},[52,85,86],{"class":58},">\n",[52,88,90,93,96,99,102,105,107,110,113,116,119,122],{"class":54,"line":89},2,[52,91,92],{"class":62},"import",[52,94,95],{"class":58}," {",[52,97,98],{"class":66}," defineTable",[52,100,101],{"class":58},",",[52,103,104],{"class":66}," Pagination",[52,106,101],{"class":58},[52,108,109],{"class":66}," Table",[52,111,112],{"class":58}," }",[52,114,115],{"class":62}," from",[52,117,118],{"class":76}," '",[52,120,121],{"class":80},"@dolanske\u002Fvui",[52,123,124],{"class":76},"'\n",[52,126,128],{"class":54,"line":127},3,[52,129,131],{"emptyLinePlaceholder":130},true,"\n",[52,133,135,139,142,145],{"class":54,"line":134},4,[52,136,138],{"class":137},"sCMWV","const ",[52,140,141],{"class":66},"data",[52,143,144],{"class":58}," =",[52,146,147],{"class":58}," [\n",[52,149,151,154,158,161,165,168,171,173,176,179,181,183,186,188,191],{"class":54,"line":150},5,[52,152,153],{"class":58},"  { ",[52,155,157],{"class":156},"sDB6b","id",[52,159,160],{"class":58},": ",[52,162,164],{"class":163},"socUO","1",[52,166,167],{"class":58},", ",[52,169,170],{"class":156},"name",[52,172,160],{"class":58},[52,174,175],{"class":76},"'",[52,177,178],{"class":80},"John Doe",[52,180,175],{"class":76},[52,182,167],{"class":58},[52,184,185],{"class":156},"age",[52,187,160],{"class":58},[52,189,190],{"class":163},"30",[52,192,193],{"class":58}," },\n",[52,195,197,199,201,203,206,208,210,212,214,217,219,221,223,225,228],{"class":54,"line":196},6,[52,198,153],{"class":58},[52,200,157],{"class":156},[52,202,160],{"class":58},[52,204,205],{"class":163},"2",[52,207,167],{"class":58},[52,209,170],{"class":156},[52,211,160],{"class":58},[52,213,175],{"class":76},[52,215,216],{"class":80},"Jane Smith",[52,218,175],{"class":76},[52,220,167],{"class":58},[52,222,185],{"class":156},[52,224,160],{"class":58},[52,226,227],{"class":163},"25",[52,229,193],{"class":58},[52,231,233,235,237,239,242,244,246,248,250,253,255,257,259,261,264],{"class":54,"line":232},7,[52,234,153],{"class":58},[52,236,157],{"class":156},[52,238,160],{"class":58},[52,240,241],{"class":163},"3",[52,243,167],{"class":58},[52,245,170],{"class":156},[52,247,160],{"class":58},[52,249,175],{"class":76},[52,251,252],{"class":80},"Bob Johnson",[52,254,175],{"class":76},[52,256,167],{"class":58},[52,258,185],{"class":156},[52,260,160],{"class":58},[52,262,263],{"class":163},"35",[52,265,193],{"class":58},[52,267,269,271,273,275,278,280,282,284,286,289,291,293,295,297,300],{"class":54,"line":268},8,[52,270,153],{"class":58},[52,272,157],{"class":156},[52,274,160],{"class":58},[52,276,277],{"class":163},"4",[52,279,167],{"class":58},[52,281,170],{"class":156},[52,283,160],{"class":58},[52,285,175],{"class":76},[52,287,288],{"class":80},"Alice Brown",[52,290,175],{"class":76},[52,292,167],{"class":58},[52,294,185],{"class":156},[52,296,160],{"class":58},[52,298,299],{"class":163},"28",[52,301,193],{"class":58},[52,303,305,307,309,311,314,316,318,320,322,325,327,329,331,333,336],{"class":54,"line":304},9,[52,306,153],{"class":58},[52,308,157],{"class":156},[52,310,160],{"class":58},[52,312,313],{"class":163},"5",[52,315,167],{"class":58},[52,317,170],{"class":156},[52,319,160],{"class":58},[52,321,175],{"class":76},[52,323,324],{"class":80},"Charlie Davis",[52,326,175],{"class":76},[52,328,167],{"class":58},[52,330,185],{"class":156},[52,332,160],{"class":58},[52,334,335],{"class":163},"32",[52,337,193],{"class":58},[52,339,341],{"class":54,"line":340},10,[52,342,343],{"class":58},"]\n",[52,345,347],{"class":54,"line":346},11,[52,348,131],{"emptyLinePlaceholder":130},[52,350,352,354,357,360,362,365,367,370,372,375,377,379,382,385,387,389],{"class":54,"line":351},12,[52,353,138],{"class":137},[52,355,356],{"class":58},"{",[52,358,359],{"class":66}," headers",[52,361,101],{"class":58},[52,363,364],{"class":66}," rows",[52,366,101],{"class":58},[52,368,369],{"class":66}," pagination",[52,371,101],{"class":58},[52,373,374],{"class":66}," setPage",[52,376,112],{"class":58},[52,378,144],{"class":58},[52,380,98],{"class":381},"sRTv0",[52,383,384],{"class":58},"(",[52,386,141],{"class":66},[52,388,101],{"class":58},[52,390,391],{"class":58}," {\n",[52,393,395,398],{"class":54,"line":394},13,[52,396,397],{"class":156},"  pagination",[52,399,400],{"class":58},": {\n",[52,402,404,407,409,412],{"class":54,"line":403},14,[52,405,406],{"class":156},"    enabled",[52,408,160],{"class":58},[52,410,411],{"class":62},"true",[52,413,414],{"class":58},",\n",[52,416,418,421,423,425],{"class":54,"line":417},15,[52,419,420],{"class":156},"    perPage",[52,422,160],{"class":58},[52,424,241],{"class":163},[52,426,414],{"class":58},[52,428,430],{"class":54,"line":429},16,[52,431,432],{"class":58},"  },\n",[52,434,436,439,441,443],{"class":54,"line":435},17,[52,437,438],{"class":156},"  select",[52,440,160],{"class":58},[52,442,411],{"class":62},[52,444,414],{"class":58},[52,446,448],{"class":54,"line":447},18,[52,449,450],{"class":58},"})\n",[52,452,454,457,459],{"class":54,"line":453},19,[52,455,456],{"class":58},"\u003C\u002F",[52,458,63],{"class":62},[52,460,86],{"class":58},[52,462,464],{"class":54,"line":463},20,[52,465,131],{"emptyLinePlaceholder":130},[52,467,469,471,474],{"class":54,"line":468},21,[52,470,59],{"class":58},[52,472,473],{"class":62},"template",[52,475,86],{"class":58},[52,477,479,482,485,488],{"class":54,"line":478},22,[52,480,481],{"class":58},"  \u003C",[52,483,484],{"class":62},"Table.Root",[52,486,487],{"class":66}," separate-cells",[52,489,86],{"class":58},[52,491,493,496,498,501,504],{"class":54,"line":492},23,[52,494,495],{"class":58},"    \u003C",[52,497,473],{"class":62},[52,499,500],{"class":58}," #",[52,502,503],{"class":381},"header",[52,505,86],{"class":58},[52,507,509,512,515],{"class":54,"line":508},24,[52,510,511],{"class":58},"      \u003C",[52,513,514],{"class":62},"Table.SelectAll",[52,516,517],{"class":58}," \u002F>\n",[52,519,521,523,526,529,531,533,536,538,541,543,545,548,550,553,555,557,559,561,564],{"class":54,"line":520},25,[52,522,511],{"class":58},[52,524,525],{"class":62},"Table.Head",[52,527,528],{"class":66}," v-for",[52,530,73],{"class":58},[52,532,77],{"class":76},[52,534,535],{"class":80},"header in headers",[52,537,77],{"class":76},[52,539,540],{"class":66}," :key",[52,542,73],{"class":58},[52,544,77],{"class":76},[52,546,547],{"class":80},"header.label",[52,549,77],{"class":76},[52,551,552],{"class":66}," :header",[52,554,73],{"class":58},[52,556,77],{"class":76},[52,558,503],{"class":80},[52,560,77],{"class":76},[52,562,563],{"class":66}," sort",[52,565,517],{"class":58},[52,567,569,572,574],{"class":54,"line":568},26,[52,570,571],{"class":58},"    \u003C\u002F",[52,573,473],{"class":62},[52,575,86],{"class":58},[52,577,579,581,583,585,588],{"class":54,"line":578},27,[52,580,495],{"class":58},[52,582,473],{"class":62},[52,584,500],{"class":58},[52,586,587],{"class":381},"body",[52,589,86],{"class":58},[52,591,593,595,598,600,602,604,607,609,611,613,615,618,620],{"class":54,"line":592},28,[52,594,511],{"class":58},[52,596,597],{"class":62},"tr",[52,599,528],{"class":66},[52,601,73],{"class":58},[52,603,77],{"class":76},[52,605,606],{"class":80},"row in rows",[52,608,77],{"class":76},[52,610,540],{"class":66},[52,612,73],{"class":58},[52,614,77],{"class":76},[52,616,617],{"class":80},"row.id",[52,619,77],{"class":76},[52,621,86],{"class":58},[52,623,625,628,631,634,636,638,641,643],{"class":54,"line":624},29,[52,626,627],{"class":58},"        \u003C",[52,629,630],{"class":62},"Table.SelectRow",[52,632,633],{"class":66}," :row",[52,635,73],{"class":58},[52,637,77],{"class":76},[52,639,640],{"class":80},"row",[52,642,77],{"class":76},[52,644,517],{"class":58},[52,646,648,650,652,654,656,658,660,662],{"class":54,"line":647},30,[52,649,627],{"class":58},[52,651,630],{"class":62},[52,653,633],{"class":66},[52,655,73],{"class":58},[52,657,77],{"class":76},[52,659,640],{"class":80},[52,661,77],{"class":76},[52,663,517],{"class":58},[52,665,667,669,672],{"class":54,"line":666},31,[52,668,627],{"class":58},[52,670,671],{"class":62},"Table.Cell",[52,673,86],{"class":58},[52,675,677],{"class":54,"line":676},32,[52,678,680],{"class":679},"sX1ls","          {{ row.id }}\n",[52,682,684,687,689],{"class":54,"line":683},33,[52,685,686],{"class":58},"        \u003C\u002F",[52,688,671],{"class":62},[52,690,86],{"class":58},[52,692,694,696,698],{"class":54,"line":693},34,[52,695,627],{"class":58},[52,697,671],{"class":62},[52,699,86],{"class":58},[52,701,703],{"class":54,"line":702},35,[52,704,705],{"class":679},"          {{ row.name }}\n",[52,707,709,711,713],{"class":54,"line":708},36,[52,710,686],{"class":58},[52,712,671],{"class":62},[52,714,86],{"class":58},[52,716,718,720,722],{"class":54,"line":717},37,[52,719,627],{"class":58},[52,721,671],{"class":62},[52,723,86],{"class":58},[52,725,727],{"class":54,"line":726},38,[52,728,729],{"class":679},"          {{ row.age }}\n",[52,731,733,735,737],{"class":54,"line":732},39,[52,734,686],{"class":58},[52,736,671],{"class":62},[52,738,86],{"class":58},[52,740,742,745,747],{"class":54,"line":741},40,[52,743,744],{"class":58},"      \u003C\u002F",[52,746,597],{"class":62},[52,748,86],{"class":58},[52,750,752,754,756],{"class":54,"line":751},41,[52,753,571],{"class":58},[52,755,473],{"class":62},[52,757,86],{"class":58},[52,759,761,763,765,767,770],{"class":54,"line":760},42,[52,762,495],{"class":58},[52,764,473],{"class":62},[52,766,500],{"class":58},[52,768,769],{"class":381},"pagination",[52,771,86],{"class":58},[52,773,775,777,780,783,785,787,789,791,794,796,798,801,803],{"class":54,"line":774},43,[52,776,511],{"class":58},[52,778,779],{"class":62},"Pagination",[52,781,782],{"class":66}," :pagination",[52,784,73],{"class":58},[52,786,77],{"class":76},[52,788,769],{"class":80},[52,790,77],{"class":76},[52,792,793],{"class":66}," @change",[52,795,73],{"class":58},[52,797,77],{"class":76},[52,799,800],{"class":80},"setPage",[52,802,77],{"class":76},[52,804,517],{"class":58},[52,806,808,810,812],{"class":54,"line":807},44,[52,809,571],{"class":58},[52,811,473],{"class":62},[52,813,86],{"class":58},[52,815,817,820,822],{"class":54,"line":816},45,[52,818,819],{"class":58},"  \u003C\u002F",[52,821,484],{"class":62},[52,823,86],{"class":58},[52,825,827,829,831],{"class":54,"line":826},46,[52,828,456],{"class":58},[52,830,473],{"class":62},[52,832,86],{"class":58},[834,835,837],"h3",{"id":836},"props","Props",[839,840,842],"h4",{"id":841},"tableroot-props","Table.Root Props",[21,844,845,860],{},[846,847,848],"thead",{},[597,849,850,854,857],{},[851,852,853],"th",{},"Name",[851,855,856],{},"Default",[851,858,859],{},"Type",[861,862,863,892,913,940,958,976,994],"tbody",{},[597,864,865,871,876],{},[866,867,868],"td",{},[27,869,870],{},"fixed",[866,872,873],{},[27,874,875],{},"false",[866,877,878,881,882,885,886,889,890],{},[27,879,880],{},"boolean"," ",[883,884],"br",{}," Sets the ",[27,887,888],{},"table-layout"," property to ",[27,891,870],{},[597,893,894,899,903],{},[866,895,896],{},[27,897,898],{},"scroll",[866,900,901],{},[27,902,875],{},[866,904,905,881,907,909,910,912],{},[27,906,880],{},[883,908],{}," If table content overflows, it will add a horizontal scrollbar to it without expanding the table out of bounds. Only works if ",[27,911,870],{}," is not set.",[597,914,915,920,923],{},[866,916,917],{},[27,918,919],{},"pin",[866,921,922],{},"—",[866,924,925,167,928,167,931,881,934,936,937,939],{},[27,926,927],{},"first",[27,929,930],{},"last",[27,932,933],{},"both",[883,935],{}," Pins the first or last column. Only works if ",[27,938,898],{}," is enabled.",[597,941,942,947,951],{},[866,943,944],{},[27,945,946],{},"nowrap",[866,948,949],{},[27,950,875],{},[866,952,953,881,955,957],{},[27,954,880],{},[883,956],{}," Prevents cell content from wrapping to new lines",[597,959,960,965,969],{},[866,961,962],{},[27,963,964],{},"separateRows",[866,966,967],{},[27,968,411],{},[866,970,971,881,973,975],{},[27,972,880],{},[883,974],{}," Adds a visual separator between rows",[597,977,978,983,987],{},[866,979,980],{},[27,981,982],{},"separateCells",[866,984,985],{},[27,986,875],{},[866,988,989,881,991,993],{},[27,990,880],{},[883,992],{}," Adds a visual separator between cells",[597,995,996,1001,1005],{},[866,997,998],{},[27,999,1000],{},"outerBorder",[866,1002,1003],{},[27,1004,411],{},[866,1006,1007,881,1009,1011],{},[27,1008,880],{},[883,1010],{}," Adds a border around the table",[839,1013,1015],{"id":1014},"tablehead-props","Table.Head Props",[21,1017,1018,1028],{},[846,1019,1020],{},[597,1021,1022,1024,1026],{},[851,1023,853],{},[851,1025,856],{},[851,1027,859],{},[861,1029,1030,1046],{},[597,1031,1032,1036,1038],{},[866,1033,1034],{},[27,1035,503],{},[866,1037,922],{},[866,1039,1040,881,1043,1045],{},[27,1041,1042],{},"Header",[883,1044],{}," Header data including label and sort state",[597,1047,1048,1053,1057],{},[866,1049,1050],{},[27,1051,1052],{},"sort",[866,1054,1055],{},[27,1056,875],{},[866,1058,1059,881,1061,1063],{},[27,1060,880],{},[883,1062],{}," Enables sorting for the column",[839,1065,1067],{"id":1066},"tableselectrow-props","Table.SelectRow Props",[21,1069,1070,1080],{},[846,1071,1072],{},[597,1073,1074,1076,1078],{},[851,1075,853],{},[851,1077,856],{},[851,1079,859],{},[861,1081,1082],{},[597,1083,1084,1088,1090],{},[866,1085,1086],{},[27,1087,640],{},[866,1089,922],{},[866,1091,1092,881,1095,1097],{},[27,1093,1094],{},"BaseRow",[883,1096],{}," Row data for selection",[834,1099,1101],{"id":1100},"slots","Slots",[839,1103,1105],{"id":1104},"tableroot-slots","Table.Root Slots",[21,1107,1108,1118],{},[846,1109,1110],{},[597,1111,1112,1115],{},[851,1113,1114],{},"Slot",[851,1116,1117],{},"Description",[861,1119,1120,1129,1138],{},[597,1121,1122,1126],{},[866,1123,1124],{},[27,1125,503],{},[866,1127,1128],{},"Content for the table header row",[597,1130,1131,1135],{},[866,1132,1133],{},[27,1134,587],{},[866,1136,1137],{},"Content for the table body rows",[597,1139,1140,1144],{},[866,1141,1142],{},[27,1143,769],{},[866,1145,1146],{},"Content for the pagination section",[839,1148,1150],{"id":1149},"tablehead-slots","Table.Head Slots",[21,1152,1153,1161],{},[846,1154,1155],{},[597,1156,1157,1159],{},[851,1158,1114],{},[851,1160,1117],{},[861,1162,1163],{},[597,1164,1165,1170],{},[866,1166,1167],{},[27,1168,1169],{},"default",[866,1171,1172],{},"Custom header content",[839,1174,1176],{"id":1175},"tablecell-slots","Table.Cell Slots",[21,1178,1179,1187],{},[846,1180,1181],{},[597,1182,1183,1185],{},[851,1184,1114],{},[851,1186,1117],{},[861,1188,1189,1198],{},[597,1190,1191,1195],{},[866,1192,1193],{},[27,1194,1169],{},[866,1196,1197],{},"Main cell content",[597,1199,1200,1205],{},[866,1201,1202],{},[27,1203,1204],{},"context",[866,1206,1207],{},"Additional content that appears on the right side of the cell",[834,1209,1211],{"id":1210},"definetable-api","defineTable API",[23,1213,1214,1215,1217],{},"The ",[27,1216,29],{}," composable is the core of the table system, providing reactive data management with built-in sorting, pagination, and selection.",[43,1219,1222],{"className":1220,"code":1221,"language":81,"meta":48,"style":48},"language-ts shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","import { defineTable, Pagination, Table } from '@dolanske\u002Fvui'\n\nconst data = [\n  { id: 1, name: 'John Doe', age: 30 },\n  { id: 2, name: 'Jane Smith', age: 25 },\n]\n\nconst { headers, rows, pagination, setPage } = defineTable(data, {\n  pagination: {\n    enabled: true,\n    perPage: 1,\n  },\n  select: true,\n})\n",[27,1223,1224,1250,1254,1264,1296,1328,1332,1336,1370,1376,1386,1396,1400,1410],{"__ignoreMap":48},[52,1225,1226,1228,1230,1232,1234,1236,1238,1240,1242,1244,1246,1248],{"class":54,"line":55},[52,1227,92],{"class":62},[52,1229,95],{"class":58},[52,1231,98],{"class":66},[52,1233,101],{"class":58},[52,1235,104],{"class":66},[52,1237,101],{"class":58},[52,1239,109],{"class":66},[52,1241,112],{"class":58},[52,1243,115],{"class":62},[52,1245,118],{"class":76},[52,1247,121],{"class":80},[52,1249,124],{"class":76},[52,1251,1252],{"class":54,"line":89},[52,1253,131],{"emptyLinePlaceholder":130},[52,1255,1256,1258,1260,1262],{"class":54,"line":127},[52,1257,138],{"class":137},[52,1259,141],{"class":66},[52,1261,144],{"class":58},[52,1263,147],{"class":58},[52,1265,1266,1268,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1290,1292,1294],{"class":54,"line":134},[52,1267,153],{"class":58},[52,1269,157],{"class":156},[52,1271,160],{"class":58},[52,1273,164],{"class":163},[52,1275,167],{"class":58},[52,1277,170],{"class":156},[52,1279,160],{"class":58},[52,1281,175],{"class":76},[52,1283,178],{"class":80},[52,1285,175],{"class":76},[52,1287,167],{"class":58},[52,1289,185],{"class":156},[52,1291,160],{"class":58},[52,1293,190],{"class":163},[52,1295,193],{"class":58},[52,1297,1298,1300,1302,1304,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326],{"class":54,"line":150},[52,1299,153],{"class":58},[52,1301,157],{"class":156},[52,1303,160],{"class":58},[52,1305,205],{"class":163},[52,1307,167],{"class":58},[52,1309,170],{"class":156},[52,1311,160],{"class":58},[52,1313,175],{"class":76},[52,1315,216],{"class":80},[52,1317,175],{"class":76},[52,1319,167],{"class":58},[52,1321,185],{"class":156},[52,1323,160],{"class":58},[52,1325,227],{"class":163},[52,1327,193],{"class":58},[52,1329,1330],{"class":54,"line":196},[52,1331,343],{"class":58},[52,1333,1334],{"class":54,"line":232},[52,1335,131],{"emptyLinePlaceholder":130},[52,1337,1338,1340,1342,1344,1346,1348,1350,1352,1354,1356,1358,1360,1362,1364,1366,1368],{"class":54,"line":268},[52,1339,138],{"class":137},[52,1341,356],{"class":58},[52,1343,359],{"class":66},[52,1345,101],{"class":58},[52,1347,364],{"class":66},[52,1349,101],{"class":58},[52,1351,369],{"class":66},[52,1353,101],{"class":58},[52,1355,374],{"class":66},[52,1357,112],{"class":58},[52,1359,144],{"class":58},[52,1361,98],{"class":381},[52,1363,384],{"class":58},[52,1365,141],{"class":66},[52,1367,101],{"class":58},[52,1369,391],{"class":58},[52,1371,1372,1374],{"class":54,"line":304},[52,1373,397],{"class":156},[52,1375,400],{"class":58},[52,1377,1378,1380,1382,1384],{"class":54,"line":340},[52,1379,406],{"class":156},[52,1381,160],{"class":58},[52,1383,411],{"class":62},[52,1385,414],{"class":58},[52,1387,1388,1390,1392,1394],{"class":54,"line":346},[52,1389,420],{"class":156},[52,1391,160],{"class":58},[52,1393,164],{"class":163},[52,1395,414],{"class":58},[52,1397,1398],{"class":54,"line":351},[52,1399,432],{"class":58},[52,1401,1402,1404,1406,1408],{"class":54,"line":394},[52,1403,438],{"class":156},[52,1405,160],{"class":58},[52,1407,411],{"class":62},[52,1409,414],{"class":58},[52,1411,1412],{"class":54,"line":403},[52,1413,450],{"class":58},[23,1415,1416,1417,1419],{},"It is a separate API, because it allows you to build your own table-like UI without having to use the provided ",[27,1418,14],{}," namespace. It doesn't even need to look like one!",[839,1421,1423],{"id":1422},"parameters","Parameters",[21,1425,1426,1436],{},[846,1427,1428],{},[597,1429,1430,1432,1434],{},[851,1431,853],{},[851,1433,856],{},[851,1435,859],{},[861,1437,1438,1454],{},[597,1439,1440,1444,1446],{},[866,1441,1442],{},[27,1443,141],{},[866,1445,922],{},[866,1447,1448,881,1451,1453],{},[27,1449,1450],{},"MaybeRefOrGetter\u003CT[]>",[883,1452],{}," The dataset to display in the table",[597,1455,1456,1461,1463],{},[866,1457,1458],{},[27,1459,1460],{},"options",[866,1462,922],{},[866,1464,1465,881,1468,1470],{},[27,1466,1467],{},"TableOptionsInput",[883,1469],{}," Configuration options",[839,1472,1473],{"id":1460},"Options",[21,1475,1476,1486],{},[846,1477,1478],{},[597,1479,1480,1482,1484],{},[851,1481,853],{},[851,1483,856],{},[851,1485,859],{},[861,1487,1488,1506,1526,1544],{},[597,1489,1490,1495,1499],{},[866,1491,1492],{},[27,1493,1494],{},"pagination.enabled",[866,1496,1497],{},[27,1498,875],{},[866,1500,1501,881,1503,1505],{},[27,1502,880],{},[883,1504],{}," Enable pagination",[597,1507,1508,1513,1518],{},[866,1509,1510],{},[27,1511,1512],{},"pagination.perPage",[866,1514,1515],{},[27,1516,1517],{},"10",[866,1519,1520,881,1523,1525],{},[27,1521,1522],{},"number",[883,1524],{}," Number of items per page",[597,1527,1528,1533,1537],{},[866,1529,1530],{},[27,1531,1532],{},"pagination.maxPages",[866,1534,1535],{},[27,1536,241],{},[866,1538,1539,881,1541,1543],{},[27,1540,1522],{},[883,1542],{}," Maximum number of page buttons",[597,1545,1546,1551,1555],{},[866,1547,1548],{},[27,1549,1550],{},"select",[866,1552,1553],{},[27,1554,875],{},[866,1556,1557,881,1559,1561],{},[27,1558,880],{},[883,1560],{}," Enable row selection",[839,1563,1565],{"id":1564},"returns","Returns",[23,1567,1214,1568,1570],{},[27,1569,29],{}," composable returns an object with the following reactive properties and methods:",[1572,1573,1575],"h5",{"id":1574},"methods","Methods",[21,1577,1578,1588],{},[846,1579,1580],{},[597,1581,1582,1584,1586],{},[851,1583,853],{},[851,1585,859],{},[851,1587,1117],{},[861,1589,1590,1605,1620,1634,1649,1663],{},[597,1591,1592,1597,1602],{},[866,1593,1594],{},[27,1595,1596],{},"setSort",[866,1598,1599],{},[27,1600,1601],{},"(key: string, type: 'asc' | 'desc' | 'toggle') => void",[866,1603,1604],{},"Set sorting for a specific column key",[597,1606,1607,1612,1617],{},[866,1608,1609],{},[27,1610,1611],{},"clearSort",[866,1613,1614],{},[27,1615,1616],{},"() => void",[866,1618,1619],{},"Clear current sorting",[597,1621,1622,1626,1631],{},[866,1623,1624],{},[27,1625,800],{},[866,1627,1628],{},[27,1629,1630],{},"(page: number) => void",[866,1632,1633],{},"Navigate to a specific page (1-indexed)",[597,1635,1636,1641,1646],{},[866,1637,1638],{},[27,1639,1640],{},"selectRow",[866,1642,1643],{},[27,1644,1645],{},"(row: T) => void",[866,1647,1648],{},"Toggle selection state of a specific row",[597,1650,1651,1656,1660],{},[866,1652,1653],{},[27,1654,1655],{},"selectAllRows",[866,1657,1658],{},[27,1659,1616],{},[866,1661,1662],{},"Toggle selection of all rows",[597,1664,1665,1670,1674],{},[866,1666,1667],{},[27,1668,1669],{},"deselectAllArows",[866,1671,1672],{},[27,1673,1616],{},[866,1675,1676],{},"Clear selection",[1572,1678,1680],{"id":1679},"properties","Properties",[21,1682,1683,1693],{},[846,1684,1685],{},[597,1686,1687,1689,1691],{},[851,1688,853],{},[851,1690,859],{},[851,1692,1117],{},[861,1694,1695,1710,1725,1739,1753,1768,1782,1797,1811,1825],{},[597,1696,1697,1702,1707],{},[866,1698,1699],{},[27,1700,1701],{},"search",[866,1703,1704],{},[27,1705,1706],{},"Ref\u003Cstring>",[866,1708,1709],{},"Reactive search query string",[597,1711,1712,1717,1722],{},[866,1713,1714],{},[27,1715,1716],{},"rows",[866,1718,1719],{},[27,1720,1721],{},"ComputedRef\u003CT[]>",[866,1723,1724],{},"Filtered and paginated dataset rows",[597,1726,1727,1732,1736],{},[866,1728,1729],{},[27,1730,1731],{},"allRows",[866,1733,1734],{},[27,1735,1721],{},[866,1737,1738],{},"All filtered rows (without pagination)",[597,1740,1741,1746,1750],{},[866,1742,1743],{},[27,1744,1745],{},"selectedRows",[866,1747,1748],{},[27,1749,1721],{},[866,1751,1752],{},"Array of currently selected rows",[597,1754,1755,1760,1765],{},[866,1756,1757],{},[27,1758,1759],{},"headers",[866,1761,1762],{},[27,1763,1764],{},"ComputedRef\u003CHeader[]>",[866,1766,1767],{},"Table headers with sorting functionality",[597,1769,1770,1774,1779],{},[866,1771,1772],{},[27,1773,769],{},[866,1775,1776],{},[27,1777,1778],{},"ComputedRef\u003CPaginationResult>",[866,1780,1781],{},"Pagination state and metadata",[597,1783,1784,1789,1794],{},[866,1785,1786],{},[27,1787,1788],{},"canPrevPage",[866,1790,1791],{},[27,1792,1793],{},"ComputedRef\u003Cboolean>",[866,1795,1796],{},"Whether previous page navigation is available",[597,1798,1799,1804,1808],{},[866,1800,1801],{},[27,1802,1803],{},"canNextPage",[866,1805,1806],{},[27,1807,1793],{},[866,1809,1810],{},"Whether next page navigation is available",[597,1812,1813,1817,1822],{},[866,1814,1815],{},[27,1816,1460],{},[866,1818,1819],{},[27,1820,1821],{},"Ref\u003CDeepRequired\u003CTableOptionsInput>>",[866,1823,1824],{},"Reactive table configuration options",[597,1826,1827,1832,1836],{},[866,1828,1829],{},[27,1830,1831],{},"isSelectedAll",[866,1833,1834],{},[27,1835,1793],{},[866,1837,1838],{},"Whether all rows are currently selected",[834,1840,1842],{"id":1841},"examples","Examples",[839,1844,1846],{"id":1845},"custom-cell-content","Custom Cell content",[1848,1849,1850],"table-custom-cell-example",{},[43,1851,1853],{"className":45,"code":1852,"language":47,"meta":48,"style":48},"\u003Cscript setup lang=\"ts\">\nimport { Button, defineTable, Table } from '@dolanske\u002Fvui'\n\nconst data = [\n  { id: 1, name: 'John', status: 'Active' },\n  { id: 2, name: 'Jane', status: 'Inactive' },\n]\n\nconst { headers, rows } = defineTable(data)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTable.Root>\n    \u003Ctemplate #header>\n      \u003CTable.Head v-for=\"header in headers\" :key=\"header.label\" :header=\"header\" sort \u002F>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #body>\n      \u003Ctr v-for=\"row in rows\" :key=\"row.id\">\n        \u003CTable.Cell v-for=\"header in headers\" :key=\"header.label\">\n          {{ row[header.label as keyof typeof row] }}\n          \u003Ctemplate #context>\n            \u003CButton plain square>\n              \u003CIconDotsThree \u002F>\n            \u003C\u002FButton>\n          \u003C\u002Ftemplate>\n        \u003C\u002FTable.Cell>\n      \u003C\u002Ftr>\n    \u003C\u002Ftemplate>\n  \u003C\u002FTable.Root>\n\u003C\u002Ftemplate>\n",[27,1854,1855,1875,1902,1906,1916,1955,1993,1997,2001,2026,2034,2038,2046,2054,2066,2106,2114,2126,2154,2182,2187,2200,2216,2226,2235,2244,2252,2260,2268,2276],{"__ignoreMap":48},[52,1856,1857,1859,1861,1863,1865,1867,1869,1871,1873],{"class":54,"line":55},[52,1858,59],{"class":58},[52,1860,63],{"class":62},[52,1862,67],{"class":66},[52,1864,70],{"class":66},[52,1866,73],{"class":58},[52,1868,77],{"class":76},[52,1870,81],{"class":80},[52,1872,77],{"class":76},[52,1874,86],{"class":58},[52,1876,1877,1879,1881,1884,1886,1888,1890,1892,1894,1896,1898,1900],{"class":54,"line":89},[52,1878,92],{"class":62},[52,1880,95],{"class":58},[52,1882,1883],{"class":66}," Button",[52,1885,101],{"class":58},[52,1887,98],{"class":66},[52,1889,101],{"class":58},[52,1891,109],{"class":66},[52,1893,112],{"class":58},[52,1895,115],{"class":62},[52,1897,118],{"class":76},[52,1899,121],{"class":80},[52,1901,124],{"class":76},[52,1903,1904],{"class":54,"line":127},[52,1905,131],{"emptyLinePlaceholder":130},[52,1907,1908,1910,1912,1914],{"class":54,"line":134},[52,1909,138],{"class":137},[52,1911,141],{"class":66},[52,1913,144],{"class":58},[52,1915,147],{"class":58},[52,1917,1918,1920,1922,1924,1926,1928,1930,1932,1934,1937,1939,1941,1944,1946,1948,1951,1953],{"class":54,"line":150},[52,1919,153],{"class":58},[52,1921,157],{"class":156},[52,1923,160],{"class":58},[52,1925,164],{"class":163},[52,1927,167],{"class":58},[52,1929,170],{"class":156},[52,1931,160],{"class":58},[52,1933,175],{"class":76},[52,1935,1936],{"class":80},"John",[52,1938,175],{"class":76},[52,1940,167],{"class":58},[52,1942,1943],{"class":156},"status",[52,1945,160],{"class":58},[52,1947,175],{"class":76},[52,1949,1950],{"class":80},"Active",[52,1952,175],{"class":76},[52,1954,193],{"class":58},[52,1956,1957,1959,1961,1963,1965,1967,1969,1971,1973,1976,1978,1980,1982,1984,1986,1989,1991],{"class":54,"line":196},[52,1958,153],{"class":58},[52,1960,157],{"class":156},[52,1962,160],{"class":58},[52,1964,205],{"class":163},[52,1966,167],{"class":58},[52,1968,170],{"class":156},[52,1970,160],{"class":58},[52,1972,175],{"class":76},[52,1974,1975],{"class":80},"Jane",[52,1977,175],{"class":76},[52,1979,167],{"class":58},[52,1981,1943],{"class":156},[52,1983,160],{"class":58},[52,1985,175],{"class":76},[52,1987,1988],{"class":80},"Inactive",[52,1990,175],{"class":76},[52,1992,193],{"class":58},[52,1994,1995],{"class":54,"line":232},[52,1996,343],{"class":58},[52,1998,1999],{"class":54,"line":268},[52,2000,131],{"emptyLinePlaceholder":130},[52,2002,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023],{"class":54,"line":304},[52,2004,138],{"class":137},[52,2006,356],{"class":58},[52,2008,359],{"class":66},[52,2010,101],{"class":58},[52,2012,364],{"class":66},[52,2014,112],{"class":58},[52,2016,144],{"class":58},[52,2018,98],{"class":381},[52,2020,384],{"class":58},[52,2022,141],{"class":66},[52,2024,2025],{"class":58},")\n",[52,2027,2028,2030,2032],{"class":54,"line":340},[52,2029,456],{"class":58},[52,2031,63],{"class":62},[52,2033,86],{"class":58},[52,2035,2036],{"class":54,"line":346},[52,2037,131],{"emptyLinePlaceholder":130},[52,2039,2040,2042,2044],{"class":54,"line":351},[52,2041,59],{"class":58},[52,2043,473],{"class":62},[52,2045,86],{"class":58},[52,2047,2048,2050,2052],{"class":54,"line":394},[52,2049,481],{"class":58},[52,2051,484],{"class":62},[52,2053,86],{"class":58},[52,2055,2056,2058,2060,2062,2064],{"class":54,"line":403},[52,2057,495],{"class":58},[52,2059,473],{"class":62},[52,2061,500],{"class":58},[52,2063,503],{"class":381},[52,2065,86],{"class":58},[52,2067,2068,2070,2072,2074,2076,2078,2080,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104],{"class":54,"line":417},[52,2069,511],{"class":58},[52,2071,525],{"class":62},[52,2073,528],{"class":66},[52,2075,73],{"class":58},[52,2077,77],{"class":76},[52,2079,535],{"class":80},[52,2081,77],{"class":76},[52,2083,540],{"class":66},[52,2085,73],{"class":58},[52,2087,77],{"class":76},[52,2089,547],{"class":80},[52,2091,77],{"class":76},[52,2093,552],{"class":66},[52,2095,73],{"class":58},[52,2097,77],{"class":76},[52,2099,503],{"class":80},[52,2101,77],{"class":76},[52,2103,563],{"class":66},[52,2105,517],{"class":58},[52,2107,2108,2110,2112],{"class":54,"line":429},[52,2109,571],{"class":58},[52,2111,473],{"class":62},[52,2113,86],{"class":58},[52,2115,2116,2118,2120,2122,2124],{"class":54,"line":435},[52,2117,495],{"class":58},[52,2119,473],{"class":62},[52,2121,500],{"class":58},[52,2123,587],{"class":381},[52,2125,86],{"class":58},[52,2127,2128,2130,2132,2134,2136,2138,2140,2142,2144,2146,2148,2150,2152],{"class":54,"line":447},[52,2129,511],{"class":58},[52,2131,597],{"class":62},[52,2133,528],{"class":66},[52,2135,73],{"class":58},[52,2137,77],{"class":76},[52,2139,606],{"class":80},[52,2141,77],{"class":76},[52,2143,540],{"class":66},[52,2145,73],{"class":58},[52,2147,77],{"class":76},[52,2149,617],{"class":80},[52,2151,77],{"class":76},[52,2153,86],{"class":58},[52,2155,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178,2180],{"class":54,"line":453},[52,2157,627],{"class":58},[52,2159,671],{"class":62},[52,2161,528],{"class":66},[52,2163,73],{"class":58},[52,2165,77],{"class":76},[52,2167,535],{"class":80},[52,2169,77],{"class":76},[52,2171,540],{"class":66},[52,2173,73],{"class":58},[52,2175,77],{"class":76},[52,2177,547],{"class":80},[52,2179,77],{"class":76},[52,2181,86],{"class":58},[52,2183,2184],{"class":54,"line":463},[52,2185,2186],{"class":679},"          {{ row[header.label as keyof typeof row] }}\n",[52,2188,2189,2192,2194,2196,2198],{"class":54,"line":468},[52,2190,2191],{"class":58},"          \u003C",[52,2193,473],{"class":62},[52,2195,500],{"class":58},[52,2197,1204],{"class":381},[52,2199,86],{"class":58},[52,2201,2202,2205,2208,2211,2214],{"class":54,"line":478},[52,2203,2204],{"class":58},"            \u003C",[52,2206,2207],{"class":62},"Button",[52,2209,2210],{"class":66}," plain",[52,2212,2213],{"class":66}," square",[52,2215,86],{"class":58},[52,2217,2218,2221,2224],{"class":54,"line":492},[52,2219,2220],{"class":58},"              \u003C",[52,2222,2223],{"class":62},"IconDotsThree",[52,2225,517],{"class":58},[52,2227,2228,2231,2233],{"class":54,"line":508},[52,2229,2230],{"class":58},"            \u003C\u002F",[52,2232,2207],{"class":62},[52,2234,86],{"class":58},[52,2236,2237,2240,2242],{"class":54,"line":520},[52,2238,2239],{"class":58},"          \u003C\u002F",[52,2241,473],{"class":62},[52,2243,86],{"class":58},[52,2245,2246,2248,2250],{"class":54,"line":568},[52,2247,686],{"class":58},[52,2249,671],{"class":62},[52,2251,86],{"class":58},[52,2253,2254,2256,2258],{"class":54,"line":578},[52,2255,744],{"class":58},[52,2257,597],{"class":62},[52,2259,86],{"class":58},[52,2261,2262,2264,2266],{"class":54,"line":592},[52,2263,571],{"class":58},[52,2265,473],{"class":62},[52,2267,86],{"class":58},[52,2269,2270,2272,2274],{"class":54,"line":624},[52,2271,819],{"class":58},[52,2273,484],{"class":62},[52,2275,86],{"class":58},[52,2277,2278,2280,2282],{"class":54,"line":647},[52,2279,456],{"class":58},[52,2281,473],{"class":62},[52,2283,86],{"class":58},[2285,2286,2287],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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 .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);}",{"title":48,"searchDepth":89,"depth":89,"links":2289},[2290,2291,2292,2293],{"id":836,"depth":127,"text":837},{"id":1100,"depth":127,"text":1101},{"id":1210,"depth":127,"text":1211},{"id":1841,"depth":127,"text":1842},"A powerful data display component that provides sorting, pagination, row selection, and custom cell content. It's built with composable parts and the defineTable composable to create complex interactive data tables. It is also the only component which should be imported as a namespace and not as separate atomic components.","md",{},"\u002Fdocs\u002Fcomponents\u002Ftable",{"title":14,"description":2294},"docs\u002Fcomponents\u002Ftable","-gdvgOX-xUEVA5c4GelSGdK7-4j6z7rWItuCohw26Ko",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2302},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2304},"\u003Cpath fill=\"currentColor\" d=\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8m-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2306},"\u003Cpath fill=\"currentColor\" d=\"M156 128a28 28 0 1 1-28-28a28 28 0 0 1 28 28M48 100a28 28 0 1 0 28 28a28 28 0 0 0-28-28m160 0a28 28 0 1 0 28 28a28 28 0 0 0-28-28\"\u002F>",1782200883340]