[{"data":1,"prerenderedAt":1443},["ShallowReactive",2],{"landing-copy":3,"\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftable":65,"nav:v1":1299},{"id":4,"extension":5,"meta":6,"sections":7,"stem":62,"tagline":63,"__hash__":64},"landing\u002Flanding.yml","yml",{},[8,18,22,29,33,40,47,51,57],{"id":9,"headline":10,"body":11,"cta":12,"secondary":15},"hero","The bare minimum for elegant interfaces.","Three classes, no framework, {css.kB}. A CSS and JavaScript library with no reset, no font, no runtime dependencies and no rule outside a `pui-` class; the browser does the work.",{"label":13,"to":14},"Get started","\u002Fdocs",{"label":16,"to":17},"Migrating from 0.x","\u002Fdocs\u002Fgetting-started\u002Fmigrating-from-0-x",{"id":19,"headline":20,"body":21},"size","{css.kB}. Measured, not promised.","`perfectui.css` is {css.bytes} bytes gzip; the optional JavaScript loader is {js.bytes}. The bars below are the same measurement run on the published builds of the alternatives.",{"id":23,"headline":24,"body":25,"cta":26},"classes","A shape, a style, a colour.","Every element is up to three classes you can combine freely: what it is, how the colour is applied, which colour. Seven colours and four styles give 28 looks per shape, and adding a colour never multiplies your classes.",{"label":27,"to":28},"See the components","\u002Fdocs\u002Fcomponents\u002Fbutton",{"id":30,"headline":31,"body":32},"overlays","Overlays without a plugin.","Modals are `\u003Cdialog>`, menus are `popover`, tooltips are `interestfor`, accordions are `\u003Cdetails>`. The optional loader downloads a fallback only when a browser is missing one of them.",{"id":34,"headline":35,"body":36,"cta":37},"mode-theme","One attribute for dark mode. One variable for your colour.","With no attribute, perfectui follows the operating system. Set `data-pui-mode` to choose, and `--pui-theme` to make every component yours.",{"label":38,"to":39},"Dark mode docs","\u002Fdocs\u002Fcustomization\u002Fdark-mode",{"id":41,"headline":42,"body":43,"cta":44},"tailwind","Your utilities always win.","One `@layer` line keeps Tailwind's reset below perfectui and every utility above it.",{"label":45,"to":46},"Tailwind guide","\u002Fdocs\u002Fgetting-started\u002Ftailwind-css",{"id":48,"headline":49,"body":50},"nothing-to-undo","Nothing you have to undo.","No reset to override, no font to remove, no `!important` to beat, no initialiser to call after rendering, no guard for server rendering. ESM only, nothing on `window`.",{"id":52,"headline":53,"body":54,"cta":55},"migration","Coming from 0.x?","1.0 is a rewrite: every class is prefixed, styles and colours are separate classes, and the browser replaced the JavaScript. The guide lists every change.",{"label":56,"to":17},"Read the migration guide",{"id":58,"headline":59,"body":60,"cta":61},"install","Install it your way.","A package for npm, yarn, pnpm or bun, or two tags from a CDN. Import everything or only the components you use.",{"label":13,"to":14},"landing","Components the browser already knows how to run.","QsxvMnCQ8bgawTVgX6YLkvZoqMKaQbFt0j1urNnrKQw",{"id":66,"title":67,"body":68,"changed":1289,"description":1290,"extension":1291,"from":1289,"meta":1292,"navigation":440,"path":1293,"seo":1294,"since":1289,"stem":1295,"tags":1296,"to":1289,"__hash__":1298},"docs_v1\u002Fdocs\u002Fv1\u002F04.components\u002F09.table.md","Table",{"type":69,"value":70,"toc":1282},"minimark",[71,390,394,399,508,512,519,685,689,769,773,779,860,864,867,874,911,974,980,1112,1117,1160,1165,1213,1218,1278],[72,73,74],"example",{},[75,76,81],"pre",{"className":77,"code":78,"language":79,"meta":80,"style":80},"language-html shiki shiki-themes perfectui-site","\u003Ctable class=\"pui-table\">\n  \u003Cthead>\n    \u003Ctr>\n      \u003Cth>#\u003C\u002Fth>\n      \u003Cth>Name\u003C\u002Fth>\n      \u003Cth>Role\u003C\u002Fth>\n    \u003C\u002Ftr>\n  \u003C\u002Fthead>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>1\u003C\u002Ftd>\n      \u003Ctd>Mark\u003C\u002Ftd>\n      \u003Ctd>Owner\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>2\u003C\u002Ftd>\n      \u003Ctd>Jacob\u003C\u002Ftd>\n      \u003Ctd>Editor\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n","html","",[82,83,84,116,127,138,161,179,197,207,217,227,236,255,273,291,300,309,327,345,363,372,381],"code",{"__ignoreMap":80},[85,86,89,93,97,101,104,107,111,113],"span",{"class":87,"line":88},"line",1,[85,90,92],{"class":91},"s8qk9","\u003C",[85,94,96],{"class":95},"sz5At","table",[85,98,100],{"class":99},"sz6eq"," class",[85,102,103],{"class":91},"=",[85,105,106],{"class":91},"\"",[85,108,110],{"class":109},"s8AH5","pui-table",[85,112,106],{"class":91},[85,114,115],{"class":91},">\n",[85,117,119,122,125],{"class":87,"line":118},2,[85,120,121],{"class":91},"  \u003C",[85,123,124],{"class":95},"thead",[85,126,115],{"class":91},[85,128,130,133,136],{"class":87,"line":129},3,[85,131,132],{"class":91},"    \u003C",[85,134,135],{"class":95},"tr",[85,137,115],{"class":91},[85,139,141,144,147,150,154,157,159],{"class":87,"line":140},4,[85,142,143],{"class":91},"      \u003C",[85,145,146],{"class":95},"th",[85,148,149],{"class":91},">",[85,151,153],{"class":152},"stV6K","#",[85,155,156],{"class":91},"\u003C\u002F",[85,158,146],{"class":95},[85,160,115],{"class":91},[85,162,164,166,168,170,173,175,177],{"class":87,"line":163},5,[85,165,143],{"class":91},[85,167,146],{"class":95},[85,169,149],{"class":91},[85,171,172],{"class":152},"Name",[85,174,156],{"class":91},[85,176,146],{"class":95},[85,178,115],{"class":91},[85,180,182,184,186,188,191,193,195],{"class":87,"line":181},6,[85,183,143],{"class":91},[85,185,146],{"class":95},[85,187,149],{"class":91},[85,189,190],{"class":152},"Role",[85,192,156],{"class":91},[85,194,146],{"class":95},[85,196,115],{"class":91},[85,198,200,203,205],{"class":87,"line":199},7,[85,201,202],{"class":91},"    \u003C\u002F",[85,204,135],{"class":95},[85,206,115],{"class":91},[85,208,210,213,215],{"class":87,"line":209},8,[85,211,212],{"class":91},"  \u003C\u002F",[85,214,124],{"class":95},[85,216,115],{"class":91},[85,218,220,222,225],{"class":87,"line":219},9,[85,221,121],{"class":91},[85,223,224],{"class":95},"tbody",[85,226,115],{"class":91},[85,228,230,232,234],{"class":87,"line":229},10,[85,231,132],{"class":91},[85,233,135],{"class":95},[85,235,115],{"class":91},[85,237,239,241,244,246,249,251,253],{"class":87,"line":238},11,[85,240,143],{"class":91},[85,242,243],{"class":95},"td",[85,245,149],{"class":91},[85,247,248],{"class":152},"1",[85,250,156],{"class":91},[85,252,243],{"class":95},[85,254,115],{"class":91},[85,256,258,260,262,264,267,269,271],{"class":87,"line":257},12,[85,259,143],{"class":91},[85,261,243],{"class":95},[85,263,149],{"class":91},[85,265,266],{"class":152},"Mark",[85,268,156],{"class":91},[85,270,243],{"class":95},[85,272,115],{"class":91},[85,274,276,278,280,282,285,287,289],{"class":87,"line":275},13,[85,277,143],{"class":91},[85,279,243],{"class":95},[85,281,149],{"class":91},[85,283,284],{"class":152},"Owner",[85,286,156],{"class":91},[85,288,243],{"class":95},[85,290,115],{"class":91},[85,292,294,296,298],{"class":87,"line":293},14,[85,295,202],{"class":91},[85,297,135],{"class":95},[85,299,115],{"class":91},[85,301,303,305,307],{"class":87,"line":302},15,[85,304,132],{"class":91},[85,306,135],{"class":95},[85,308,115],{"class":91},[85,310,312,314,316,318,321,323,325],{"class":87,"line":311},16,[85,313,143],{"class":91},[85,315,243],{"class":95},[85,317,149],{"class":91},[85,319,320],{"class":152},"2",[85,322,156],{"class":91},[85,324,243],{"class":95},[85,326,115],{"class":91},[85,328,330,332,334,336,339,341,343],{"class":87,"line":329},17,[85,331,143],{"class":91},[85,333,243],{"class":95},[85,335,149],{"class":91},[85,337,338],{"class":152},"Jacob",[85,340,156],{"class":91},[85,342,243],{"class":95},[85,344,115],{"class":91},[85,346,348,350,352,354,357,359,361],{"class":87,"line":347},18,[85,349,143],{"class":91},[85,351,243],{"class":95},[85,353,149],{"class":91},[85,355,356],{"class":152},"Editor",[85,358,156],{"class":91},[85,360,243],{"class":95},[85,362,115],{"class":91},[85,364,366,368,370],{"class":87,"line":365},19,[85,367,202],{"class":91},[85,369,135],{"class":95},[85,371,115],{"class":91},[85,373,375,377,379],{"class":87,"line":374},20,[85,376,212],{"class":91},[85,378,224],{"class":95},[85,380,115],{"class":91},[85,382,384,386,388],{"class":87,"line":383},21,[85,385,156],{"class":91},[85,387,96],{"class":95},[85,389,115],{"class":91},[391,392,393],"p",{},"The last row of the table never draws a rule, so a table can sit flush inside a card.",[395,396,398],"h2",{"id":397},"striped-and-hoverable","Striped and hoverable",[75,400,402],{"className":77,"code":401,"language":79,"meta":80,"style":80},"\u003Ctable class=\"pui-table pui-striped\">\n  \u003C!-- ... -->\n\u003C\u002Ftable>\n\n\u003Ctable class=\"pui-table pui-hoverable\">\n  \u003C!-- ... -->\n\u003C\u002Ftable>\n\n\u003Ctable class=\"pui-table pui-striped pui-hoverable\">\n  \u003C!-- ... -->\n\u003C\u002Ftable>\n",[82,403,404,423,428,436,442,461,465,473,477,496,500],{"__ignoreMap":80},[85,405,406,408,410,412,414,416,419,421],{"class":87,"line":88},[85,407,92],{"class":91},[85,409,96],{"class":95},[85,411,100],{"class":99},[85,413,103],{"class":91},[85,415,106],{"class":91},[85,417,418],{"class":109},"pui-table pui-striped",[85,420,106],{"class":91},[85,422,115],{"class":91},[85,424,425],{"class":87,"line":118},[85,426,427],{"class":91},"  \u003C!-- ... -->\n",[85,429,430,432,434],{"class":87,"line":129},[85,431,156],{"class":91},[85,433,96],{"class":95},[85,435,115],{"class":91},[85,437,438],{"class":87,"line":140},[85,439,441],{"emptyLinePlaceholder":440},true,"\n",[85,443,444,446,448,450,452,454,457,459],{"class":87,"line":163},[85,445,92],{"class":91},[85,447,96],{"class":95},[85,449,100],{"class":99},[85,451,103],{"class":91},[85,453,106],{"class":91},[85,455,456],{"class":109},"pui-table pui-hoverable",[85,458,106],{"class":91},[85,460,115],{"class":91},[85,462,463],{"class":87,"line":181},[85,464,427],{"class":91},[85,466,467,469,471],{"class":87,"line":199},[85,468,156],{"class":91},[85,470,96],{"class":95},[85,472,115],{"class":91},[85,474,475],{"class":87,"line":209},[85,476,441],{"emptyLinePlaceholder":440},[85,478,479,481,483,485,487,489,492,494],{"class":87,"line":219},[85,480,92],{"class":91},[85,482,96],{"class":95},[85,484,100],{"class":99},[85,486,103],{"class":91},[85,488,106],{"class":91},[85,490,491],{"class":109},"pui-table pui-striped pui-hoverable",[85,493,106],{"class":91},[85,495,115],{"class":91},[85,497,498],{"class":87,"line":229},[85,499,427],{"class":91},[85,501,502,504,506],{"class":87,"line":238},[85,503,156],{"class":91},[85,505,96],{"class":95},[85,507,115],{"class":91},[395,509,511],{"id":510},"a-footer","A footer",[391,513,514,515,518],{},"A ",[82,516,517],{},"\u003Ctfoot>"," is rendered as a summary band, so a total reads as part of the table:",[72,520,521],{},[75,522,524],{"className":77,"code":523,"language":79,"meta":80,"style":80},"\u003Ctable class=\"pui-table\">\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>Licence\u003C\u002Ftd>\n      \u003Ctd>120.00\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n  \u003Ctfoot>\n    \u003Ctr>\n      \u003Cth>Total\u003C\u002Fth>\n      \u003Cth>160.00\u003C\u002Fth>\n    \u003C\u002Ftr>\n  \u003C\u002Ftfoot>\n\u003C\u002Ftable>\n",[82,525,526,544,552,560,577,594,602,610,619,627,644,661,669,677],{"__ignoreMap":80},[85,527,528,530,532,534,536,538,540,542],{"class":87,"line":88},[85,529,92],{"class":91},[85,531,96],{"class":95},[85,533,100],{"class":99},[85,535,103],{"class":91},[85,537,106],{"class":91},[85,539,110],{"class":109},[85,541,106],{"class":91},[85,543,115],{"class":91},[85,545,546,548,550],{"class":87,"line":118},[85,547,121],{"class":91},[85,549,224],{"class":95},[85,551,115],{"class":91},[85,553,554,556,558],{"class":87,"line":129},[85,555,132],{"class":91},[85,557,135],{"class":95},[85,559,115],{"class":91},[85,561,562,564,566,568,571,573,575],{"class":87,"line":140},[85,563,143],{"class":91},[85,565,243],{"class":95},[85,567,149],{"class":91},[85,569,570],{"class":152},"Licence",[85,572,156],{"class":91},[85,574,243],{"class":95},[85,576,115],{"class":91},[85,578,579,581,583,585,588,590,592],{"class":87,"line":163},[85,580,143],{"class":91},[85,582,243],{"class":95},[85,584,149],{"class":91},[85,586,587],{"class":152},"120.00",[85,589,156],{"class":91},[85,591,243],{"class":95},[85,593,115],{"class":91},[85,595,596,598,600],{"class":87,"line":181},[85,597,202],{"class":91},[85,599,135],{"class":95},[85,601,115],{"class":91},[85,603,604,606,608],{"class":87,"line":199},[85,605,212],{"class":91},[85,607,224],{"class":95},[85,609,115],{"class":91},[85,611,612,614,617],{"class":87,"line":209},[85,613,121],{"class":91},[85,615,616],{"class":95},"tfoot",[85,618,115],{"class":91},[85,620,621,623,625],{"class":87,"line":219},[85,622,132],{"class":91},[85,624,135],{"class":95},[85,626,115],{"class":91},[85,628,629,631,633,635,638,640,642],{"class":87,"line":229},[85,630,143],{"class":91},[85,632,146],{"class":95},[85,634,149],{"class":91},[85,636,637],{"class":152},"Total",[85,639,156],{"class":91},[85,641,146],{"class":95},[85,643,115],{"class":91},[85,645,646,648,650,652,655,657,659],{"class":87,"line":238},[85,647,143],{"class":91},[85,649,146],{"class":95},[85,651,149],{"class":91},[85,653,654],{"class":152},"160.00",[85,656,156],{"class":91},[85,658,146],{"class":95},[85,660,115],{"class":91},[85,662,663,665,667],{"class":87,"line":257},[85,664,202],{"class":91},[85,666,135],{"class":95},[85,668,115],{"class":91},[85,670,671,673,675],{"class":87,"line":275},[85,672,212],{"class":91},[85,674,616],{"class":95},[85,676,115],{"class":91},[85,678,679,681,683],{"class":87,"line":293},[85,680,156],{"class":91},[85,682,96],{"class":95},[85,684,115],{"class":91},[395,686,688],{"id":687},"components-in-cells","Components in cells",[75,690,692],{"className":77,"code":691,"language":79,"meta":80,"style":80},"\u003Ctd>\u003Cspan class=\"pui-badge pui-soft pui-success\">active\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cbutton class=\"pui-btn pui-link pui-theme\">Edit\u003C\u002Fbutton>\u003C\u002Ftd>\n",[82,693,694,732],{"__ignoreMap":80},[85,695,696,698,700,703,705,707,709,711,714,716,718,721,723,725,728,730],{"class":87,"line":88},[85,697,92],{"class":91},[85,699,243],{"class":95},[85,701,702],{"class":91},">\u003C",[85,704,85],{"class":95},[85,706,100],{"class":99},[85,708,103],{"class":91},[85,710,106],{"class":91},[85,712,713],{"class":109},"pui-badge pui-soft pui-success",[85,715,106],{"class":91},[85,717,149],{"class":91},[85,719,720],{"class":152},"active",[85,722,156],{"class":91},[85,724,85],{"class":95},[85,726,727],{"class":91},">\u003C\u002F",[85,729,243],{"class":95},[85,731,115],{"class":91},[85,733,734,736,738,740,743,745,747,749,752,754,756,759,761,763,765,767],{"class":87,"line":118},[85,735,92],{"class":91},[85,737,243],{"class":95},[85,739,702],{"class":91},[85,741,742],{"class":95},"button",[85,744,100],{"class":99},[85,746,103],{"class":91},[85,748,106],{"class":91},[85,750,751],{"class":109},"pui-btn pui-link pui-theme",[85,753,106],{"class":91},[85,755,149],{"class":91},[85,757,758],{"class":152},"Edit",[85,760,156],{"class":91},[85,762,742],{"class":95},[85,764,727],{"class":91},[85,766,243],{"class":95},[85,768,115],{"class":91},[395,770,772],{"id":771},"coloring-a-row","Coloring a row",[391,774,514,775,778],{},[82,776,777],{},"\u003Ctr>"," takes a style and a color like anything else, and wins over the stripe:",[75,780,782],{"className":77,"code":781,"language":79,"meta":80,"style":80},"\u003Ctr class=\"pui-soft pui-error\">\n  \u003Ctd>2\u003C\u002Ftd>\n  \u003Ctd>Jacob\u003C\u002Ftd>\n  \u003Ctd>failed\u003C\u002Ftd>\n\u003C\u002Ftr>\n",[82,783,784,803,819,835,852],{"__ignoreMap":80},[85,785,786,788,790,792,794,796,799,801],{"class":87,"line":88},[85,787,92],{"class":91},[85,789,135],{"class":95},[85,791,100],{"class":99},[85,793,103],{"class":91},[85,795,106],{"class":91},[85,797,798],{"class":109},"pui-soft pui-error",[85,800,106],{"class":91},[85,802,115],{"class":91},[85,804,805,807,809,811,813,815,817],{"class":87,"line":118},[85,806,121],{"class":91},[85,808,243],{"class":95},[85,810,149],{"class":91},[85,812,320],{"class":152},[85,814,156],{"class":91},[85,816,243],{"class":95},[85,818,115],{"class":91},[85,820,821,823,825,827,829,831,833],{"class":87,"line":129},[85,822,121],{"class":91},[85,824,243],{"class":95},[85,826,149],{"class":91},[85,828,338],{"class":152},[85,830,156],{"class":91},[85,832,243],{"class":95},[85,834,115],{"class":91},[85,836,837,839,841,843,846,848,850],{"class":87,"line":140},[85,838,121],{"class":91},[85,840,243],{"class":95},[85,842,149],{"class":91},[85,844,845],{"class":152},"failed",[85,847,156],{"class":91},[85,849,243],{"class":95},[85,851,115],{"class":91},[85,853,854,856,858],{"class":87,"line":163},[85,855,156],{"class":91},[85,857,135],{"class":95},[85,859,115],{"class":91},[395,861,863],{"id":862},"recipes","Recipes",[391,865,866],{},"These used to be modifier classes. They are one or two rules of your own CSS, which keeps them out of everyone else's bundle.",[391,868,869,873],{},[870,871,872],"strong",{},"Responsive"," — the scroll container is the parent, not the table:",[75,875,879],{"className":876,"code":877,"language":878,"meta":80,"style":80},"language-css shiki shiki-themes perfectui-site",".table-wrapper {\n  overflow-x: auto;\n}\n","css",[82,880,881,892,906],{"__ignoreMap":80},[85,882,883,886,889],{"class":87,"line":88},[85,884,885],{"class":91},".",[85,887,888],{"class":99},"table-wrapper",[85,890,891],{"class":91}," {\n",[85,893,894,897,900,903],{"class":87,"line":118},[85,895,896],{"class":99},"  overflow-x",[85,898,899],{"class":91},":",[85,901,902],{"class":109}," auto",[85,904,905],{"class":91},";\n",[85,907,908],{"class":87,"line":129},[85,909,910],{"class":91},"}\n",[75,912,914],{"className":77,"code":913,"language":79,"meta":80,"style":80},"\u003Cdiv class=\"table-wrapper\">\n  \u003Ctable class=\"pui-table\">\n    \u003C!-- ... -->\n  \u003C\u002Ftable>\n\u003C\u002Fdiv>\n",[82,915,916,935,953,958,966],{"__ignoreMap":80},[85,917,918,920,923,925,927,929,931,933],{"class":87,"line":88},[85,919,92],{"class":91},[85,921,922],{"class":95},"div",[85,924,100],{"class":99},[85,926,103],{"class":91},[85,928,106],{"class":91},[85,930,888],{"class":109},[85,932,106],{"class":91},[85,934,115],{"class":91},[85,936,937,939,941,943,945,947,949,951],{"class":87,"line":118},[85,938,121],{"class":91},[85,940,96],{"class":95},[85,942,100],{"class":99},[85,944,103],{"class":91},[85,946,106],{"class":91},[85,948,110],{"class":109},[85,950,106],{"class":91},[85,952,115],{"class":91},[85,954,955],{"class":87,"line":129},[85,956,957],{"class":91},"    \u003C!-- ... -->\n",[85,959,960,962,964],{"class":87,"line":140},[85,961,212],{"class":91},[85,963,96],{"class":95},[85,965,115],{"class":91},[85,967,968,970,972],{"class":87,"line":163},[85,969,156],{"class":91},[85,971,922],{"class":95},[85,973,115],{"class":91},[391,975,976,979],{},[870,977,978],{},"Bordered"," — grid lines on every cell:",[75,981,983],{"className":876,"code":982,"language":878,"meta":80,"style":80},".table-bordered {\n  border: var(--pui-border-width) solid var(--pui-border);\n  border-radius: var(--pui-radius);\n  overflow: hidden;\n}\n.table-bordered :is(th, td) {\n  border: var(--pui-border-width) solid var(--pui-border);\n}\n",[82,984,985,994,1026,1042,1054,1058,1084,1108],{"__ignoreMap":80},[85,986,987,989,992],{"class":87,"line":88},[85,988,885],{"class":91},[85,990,991],{"class":99},"table-bordered",[85,993,891],{"class":91},[85,995,996,999,1001,1004,1007,1010,1013,1016,1018,1020,1023],{"class":87,"line":118},[85,997,998],{"class":99},"  border",[85,1000,899],{"class":91},[85,1002,1003],{"class":152}," var",[85,1005,1006],{"class":91},"(",[85,1008,1009],{"class":152},"--pui-border-width",[85,1011,1012],{"class":91},")",[85,1014,1015],{"class":109}," solid",[85,1017,1003],{"class":152},[85,1019,1006],{"class":91},[85,1021,1022],{"class":152},"--pui-border",[85,1024,1025],{"class":91},");\n",[85,1027,1028,1031,1033,1035,1037,1040],{"class":87,"line":129},[85,1029,1030],{"class":99},"  border-radius",[85,1032,899],{"class":91},[85,1034,1003],{"class":152},[85,1036,1006],{"class":91},[85,1038,1039],{"class":152},"--pui-radius",[85,1041,1025],{"class":91},[85,1043,1044,1047,1049,1052],{"class":87,"line":140},[85,1045,1046],{"class":99},"  overflow",[85,1048,899],{"class":91},[85,1050,1051],{"class":109}," hidden",[85,1053,905],{"class":91},[85,1055,1056],{"class":87,"line":163},[85,1057,910],{"class":91},[85,1059,1060,1062,1064,1067,1070,1072,1074,1077,1080,1082],{"class":87,"line":181},[85,1061,885],{"class":91},[85,1063,991],{"class":99},[85,1065,1066],{"class":91}," :",[85,1068,1069],{"class":99},"is",[85,1071,1006],{"class":91},[85,1073,146],{"class":95},[85,1075,1076],{"class":91},",",[85,1078,1079],{"class":95}," td",[85,1081,1012],{"class":91},[85,1083,891],{"class":91},[85,1085,1086,1088,1090,1092,1094,1096,1098,1100,1102,1104,1106],{"class":87,"line":199},[85,1087,998],{"class":99},[85,1089,899],{"class":91},[85,1091,1003],{"class":152},[85,1093,1006],{"class":91},[85,1095,1009],{"class":152},[85,1097,1012],{"class":91},[85,1099,1015],{"class":109},[85,1101,1003],{"class":152},[85,1103,1006],{"class":91},[85,1105,1022],{"class":152},[85,1107,1025],{"class":91},[85,1109,1110],{"class":87,"line":209},[85,1111,910],{"class":91},[391,1113,1114,899],{},[870,1115,1116],{},"Borderless",[75,1118,1120],{"className":876,"code":1119,"language":878,"meta":80,"style":80},".table-borderless :is(th, td) {\n  border: none;\n}\n",[82,1121,1122,1145,1156],{"__ignoreMap":80},[85,1123,1124,1126,1129,1131,1133,1135,1137,1139,1141,1143],{"class":87,"line":88},[85,1125,885],{"class":91},[85,1127,1128],{"class":99},"table-borderless",[85,1130,1066],{"class":91},[85,1132,1069],{"class":99},[85,1134,1006],{"class":91},[85,1136,146],{"class":95},[85,1138,1076],{"class":91},[85,1140,1079],{"class":95},[85,1142,1012],{"class":91},[85,1144,891],{"class":91},[85,1146,1147,1149,1151,1154],{"class":87,"line":118},[85,1148,998],{"class":99},[85,1150,899],{"class":91},[85,1152,1153],{"class":109}," none",[85,1155,905],{"class":91},[85,1157,1158],{"class":87,"line":129},[85,1159,910],{"class":91},[391,1161,1162,899],{},[870,1163,1164],{},"Compact rows",[75,1166,1168],{"className":876,"code":1167,"language":878,"meta":80,"style":80},".table-compact :is(th, td) {\n  padding-block: var(--pui-space);\n}\n",[82,1169,1170,1193,1209],{"__ignoreMap":80},[85,1171,1172,1174,1177,1179,1181,1183,1185,1187,1189,1191],{"class":87,"line":88},[85,1173,885],{"class":91},[85,1175,1176],{"class":99},"table-compact",[85,1178,1066],{"class":91},[85,1180,1069],{"class":99},[85,1182,1006],{"class":91},[85,1184,146],{"class":95},[85,1186,1076],{"class":91},[85,1188,1079],{"class":95},[85,1190,1012],{"class":91},[85,1192,891],{"class":91},[85,1194,1195,1198,1200,1202,1204,1207],{"class":87,"line":118},[85,1196,1197],{"class":99},"  padding-block",[85,1199,899],{"class":91},[85,1201,1003],{"class":152},[85,1203,1006],{"class":91},[85,1205,1206],{"class":152},"--pui-space",[85,1208,1025],{"class":91},[85,1210,1211],{"class":87,"line":129},[85,1212,910],{"class":91},[391,1214,1215,899],{},[870,1216,1217],{},"Numbers aligned to the end",[75,1219,1221],{"className":876,"code":1220,"language":878,"meta":80,"style":80},".table-numeric :is(th, td):last-child {\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n}\n",[82,1222,1223,1250,1262,1274],{"__ignoreMap":80},[85,1224,1225,1227,1230,1232,1234,1236,1238,1240,1242,1245,1248],{"class":87,"line":88},[85,1226,885],{"class":91},[85,1228,1229],{"class":99},"table-numeric",[85,1231,1066],{"class":91},[85,1233,1069],{"class":99},[85,1235,1006],{"class":91},[85,1237,146],{"class":95},[85,1239,1076],{"class":91},[85,1241,1079],{"class":95},[85,1243,1244],{"class":91},"):",[85,1246,1247],{"class":99},"last-child",[85,1249,891],{"class":91},[85,1251,1252,1255,1257,1260],{"class":87,"line":118},[85,1253,1254],{"class":99},"  text-align",[85,1256,899],{"class":91},[85,1258,1259],{"class":109}," end",[85,1261,905],{"class":91},[85,1263,1264,1267,1269,1272],{"class":87,"line":129},[85,1265,1266],{"class":99},"  font-variant-numeric",[85,1268,899],{"class":91},[85,1270,1271],{"class":109}," tabular-nums",[85,1273,905],{"class":91},[85,1275,1276],{"class":87,"line":140},[85,1277,910],{"class":91},[1279,1280,1281],"style",{},"html pre.shiki code .s8qk9, html code.shiki .s8qk9{--shiki-default:var(--site-code-punct)}html pre.shiki code .sz5At, html code.shiki .sz5At{--shiki-default:var(--site-code-tag)}html pre.shiki code .sz6eq, html code.shiki .sz6eq{--shiki-default:var(--site-code-attr)}html pre.shiki code .s8AH5, html code.shiki .s8AH5{--shiki-default:var(--site-code-value)}html pre.shiki code .stV6K, html code.shiki .stV6K{--shiki-default:var(--site-code-text)}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":80,"searchDepth":118,"depth":118,"links":1283},[1284,1285,1286,1287,1288],{"id":397,"depth":118,"text":398},{"id":510,"depth":118,"text":511},{"id":687,"depth":118,"text":688},{"id":771,"depth":118,"text":772},{"id":862,"depth":118,"text":863},null,"One class on the `\u003Ctable>`. The cells are styled from there, so no class goes on a `\u003Cth>` or a `\u003Ctd>`.","md",{},"\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftable",{"title":67,"description":1290},"docs\u002Fv1\u002F04.components\u002F09.table",[1297,96],"component","tvpUEgSC1QGM3e1LLKMQAgQ68GkP-K-XZcchvcIHPx8",[1300],{"title":1301,"path":14,"stem":1302,"children":1303,"page":1333},"Docs","docs",[1304],{"title":1305,"path":1306,"stem":1307,"children":1308,"page":1333},"V1","\u002Fdocs\u002Fv1","docs\u002Fv1",[1309,1334,1347,1360,1406],{"title":1310,"path":1311,"stem":1312,"children":1313,"page":1333},"Getting Started","\u002Fdocs\u002Fv1\u002Fgetting-started","docs\u002Fv1\u002F01.getting-started",[1314,1318,1322,1326,1329],{"title":1315,"path":1316,"stem":1317},"Installation","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Finstallation","docs\u002Fv1\u002F01.getting-started\u002F01.installation",{"title":1319,"path":1320,"stem":1321},"TypeScript","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftypescript","docs\u002Fv1\u002F01.getting-started\u002F02.typescript",{"title":1323,"path":1324,"stem":1325},"Tailwind CSS","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftailwind-css","docs\u002Fv1\u002F01.getting-started\u002F03.tailwind-css",{"title":16,"path":1327,"stem":1328},"\u002Fdocs\u002Fv1\u002Fgetting-started\u002Fmigrating-from-0-x","docs\u002Fv1\u002F01.getting-started\u002F04.migrating-from-0-x",{"title":1330,"path":1331,"stem":1332},"License","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Flicense","docs\u002Fv1\u002F01.getting-started\u002F05.license",false,{"title":1335,"path":1336,"stem":1337,"children":1338,"page":1333},"Customization","\u002Fdocs\u002Fv1\u002Fcustomization","docs\u002Fv1\u002F02.customization",[1339,1343],{"title":1340,"path":1341,"stem":1342},"Dark Mode","\u002Fdocs\u002Fv1\u002Fcustomization\u002Fdark-mode","docs\u002Fv1\u002F02.customization\u002F01.dark-mode",{"title":1344,"path":1345,"stem":1346},"Theme Color","\u002Fdocs\u002Fv1\u002Fcustomization\u002Ftheme-color","docs\u002Fv1\u002F02.customization\u002F02.theme-color",{"title":1348,"path":1349,"stem":1350,"children":1351,"page":1333},"General","\u002Fdocs\u002Fv1\u002Fgeneral","docs\u002Fv1\u002F03.general",[1352,1356],{"title":1353,"path":1354,"stem":1355},"Layout Group","\u002Fdocs\u002Fv1\u002Fgeneral\u002Flayout-group","docs\u002Fv1\u002F03.general\u002F01.layout-group",{"title":1357,"path":1358,"stem":1359},"Float","\u002Fdocs\u002Fv1\u002Fgeneral\u002Ffloat","docs\u002Fv1\u002F03.general\u002F02.float",{"title":1361,"path":1362,"stem":1363,"children":1364,"page":1333},"Components","\u002Fdocs\u002Fv1\u002Fcomponents","docs\u002Fv1\u002F04.components",[1365,1369,1373,1377,1381,1385,1389,1393,1397,1398,1402],{"title":1366,"path":1367,"stem":1368},"Accordion","\u002Fdocs\u002Fv1\u002Fcomponents\u002Faccordion","docs\u002Fv1\u002F04.components\u002F01.accordion",{"title":1370,"path":1371,"stem":1372},"Badge","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbadge","docs\u002Fv1\u002F04.components\u002F02.badge",{"title":1374,"path":1375,"stem":1376},"Button","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbutton","docs\u002Fv1\u002F04.components\u002F03.button",{"title":1378,"path":1379,"stem":1380},"Card","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fcard","docs\u002Fv1\u002F04.components\u002F04.card",{"title":1382,"path":1383,"stem":1384},"Chip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fchip","docs\u002Fv1\u002F04.components\u002F05.chip",{"title":1386,"path":1387,"stem":1388},"Dropdown","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fdropdown","docs\u002Fv1\u002F04.components\u002F06.dropdown",{"title":1390,"path":1391,"stem":1392},"List","\u002Fdocs\u002Fv1\u002Fcomponents\u002Flist","docs\u002Fv1\u002F04.components\u002F07.list",{"title":1394,"path":1395,"stem":1396},"Modal","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fmodal","docs\u002Fv1\u002F04.components\u002F08.modal",{"title":67,"path":1293,"stem":1295},{"title":1399,"path":1400,"stem":1401},"Timeline","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftimeline","docs\u002Fv1\u002F04.components\u002F10.timeline",{"title":1403,"path":1404,"stem":1405},"Tooltip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftooltip","docs\u002Fv1\u002F04.components\u002F11.tooltip",{"title":1407,"path":1408,"stem":1409,"children":1410,"page":1333},"Forms","\u002Fdocs\u002Fv1\u002Fforms","docs\u002Fv1\u002F05.forms",[1411,1415,1419,1423,1427,1431,1435,1439],{"title":1412,"path":1413,"stem":1414},"Field Group","\u002Fdocs\u002Fv1\u002Fforms\u002Ffield-group","docs\u002Fv1\u002F05.forms\u002F01.field-group",{"title":1416,"path":1417,"stem":1418},"Input","\u002Fdocs\u002Fv1\u002Fforms\u002Finput","docs\u002Fv1\u002F05.forms\u002F02.input",{"title":1420,"path":1421,"stem":1422},"Input Group","\u002Fdocs\u002Fv1\u002Fforms\u002Finput-group","docs\u002Fv1\u002F05.forms\u002F03.input-group",{"title":1424,"path":1425,"stem":1426},"Textarea","\u002Fdocs\u002Fv1\u002Fforms\u002Ftextarea","docs\u002Fv1\u002F05.forms\u002F04.textarea",{"title":1428,"path":1429,"stem":1430},"Select","\u002Fdocs\u002Fv1\u002Fforms\u002Fselect","docs\u002Fv1\u002F05.forms\u002F05.select",{"title":1432,"path":1433,"stem":1434},"Checkbox","\u002Fdocs\u002Fv1\u002Fforms\u002Fcheckbox","docs\u002Fv1\u002F05.forms\u002F06.checkbox",{"title":1436,"path":1437,"stem":1438},"Radio","\u002Fdocs\u002Fv1\u002Fforms\u002Fradio","docs\u002Fv1\u002F05.forms\u002F07.radio",{"title":1440,"path":1441,"stem":1442},"Switch","\u002Fdocs\u002Fv1\u002Fforms\u002Fswitch","docs\u002Fv1\u002F05.forms\u002F08.switch",1790354564807]