[{"data":1,"prerenderedAt":10091},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fdata\u002Ftable":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":329},{"en":684,"id":5660},{"id":685,"title":328,"aside":686,"body":687,"collapse":10,"description":5655,"editLink":686,"extension":3424,"icon":9,"issueLink":686,"meta":5656,"navBadges":9,"navigation":9,"order":35,"path":329,"prevNext":686,"seo":5658,"stem":330,"toc":686,"__hash__":5659},"docs\u002Fcomponents\u002Fdata\u002Ftable.md",true,{"type":688,"value":689,"toc":5620},"minimark",[690,695,708,712,1199,1229,1248,1340,1343,1357,1360,1487,1493,1584,1593,1598,1612,1615,1760,1763,1789,1793,1803,1883,1898,1902,1920,2006,2010,2029,2032,2161,2165,2182,2185,2331,2338,2342,2367,2370,2468,2474,2478,2490,2493,2629,2633,2642,2645,2770,2774,2780,2783,2879,2886,2890,2909,2912,3219,3222,3225,3233,3236,3320,3333,3389,3401,3410,3414,3437,3440,3454,3559,3563,3568,3571,3656,3660,3669,3672,3855,3859,3896,3915,4321,4325,4358,4614,4618,4649,4669,4672,4699,4706,4723,4727,4731,4734,5212,5216,5372,5375,5468,5471,5509,5513,5558,5584,5588,5593,5616],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,699,703,704,707],"p",{},"Pass ",[700,701,702],"code",{},"data"," and declare columns with ",[700,705,706],{},"\u003CSColumn>"," children - no column config\nobjects required for the common case:",[709,710],"component-example",{"name":711},"table-basic",[713,714,719],"pre",{"className":715,"code":716,"language":717,"meta":718,"style":718},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\ninterface User { name: string, email: string, role: string }\n\nconst users = ref\u003CUser[]>([\n  { name: 'Alice Johnson', email: 'alice@example.com', role: 'Admin' },\n  { name: 'Bob Smith', email: 'bob@example.com', role: 'Member' },\n])\n\nconst rowSelection = ref({})\nconst globalFilter = ref('')\nconst getUserId = (user: User) => user.email\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSInput v-model=\"globalFilter\" placeholder=\"Search users...\" \u002F>\n  \u003CSTable\n    v-model:row-selection=\"rowSelection\"\n    v-model:global-filter=\"globalFilter\"\n    :data=\"users\"\n    :get-row-id=\"getUserId\"\n    selectable\n    :page-size=\"3\"\n  >\n    \u003CSColumn field=\"name\" header=\"Name\" filterable sortable \u002F>\n    \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n    \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n  \u003C\u002FSTable>\n\u003C\u002Ftemplate>\n","vue","",[700,720,721,750,796,802,825,849,869,875,880,895,915,943,952,957,967,999,1007,1028,1046,1063,1079,1084,1100,1105,1137,1159,1181,1191],{"__ignoreMap":718},[722,723,725,729,733,737,740,743,747],"span",{"class":724,"line":8},"line",[722,726,728],{"class":727},"sVt8B","\u003C",[722,730,732],{"class":731},"s9eBZ","script",[722,734,736],{"class":735},"sScJk"," setup",[722,738,739],{"class":735}," lang",[722,741,742],{"class":727},"=",[722,744,746],{"class":745},"sZZnC","\"ts\"",[722,748,749],{"class":727},">\n",[722,751,753,757,760,763,767,770,774,777,780,782,784,786,789,791,793],{"class":724,"line":752},2,[722,754,756],{"class":755},"szBVR","interface",[722,758,759],{"class":735}," User",[722,761,762],{"class":727}," { ",[722,764,766],{"class":765},"s4XuR","name",[722,768,769],{"class":755},":",[722,771,773],{"class":772},"sj4cs"," string",[722,775,776],{"class":727},", ",[722,778,779],{"class":765},"email",[722,781,769],{"class":755},[722,783,773],{"class":772},[722,785,776],{"class":727},[722,787,788],{"class":765},"role",[722,790,769],{"class":755},[722,792,773],{"class":772},[722,794,795],{"class":727}," }\n",[722,797,799],{"class":724,"line":798},3,[722,800,801],{"emptyLinePlaceholder":686},"\n",[722,803,805,808,811,814,817,819,822],{"class":724,"line":804},4,[722,806,807],{"class":755},"const",[722,809,810],{"class":772}," users",[722,812,813],{"class":755}," =",[722,815,816],{"class":735}," ref",[722,818,728],{"class":727},[722,820,821],{"class":735},"User",[722,823,824],{"class":727},"[]>([\n",[722,826,828,831,834,837,840,843,846],{"class":724,"line":827},5,[722,829,830],{"class":727},"  { name: ",[722,832,833],{"class":745},"'Alice Johnson'",[722,835,836],{"class":727},", email: ",[722,838,839],{"class":745},"'alice@example.com'",[722,841,842],{"class":727},", role: ",[722,844,845],{"class":745},"'Admin'",[722,847,848],{"class":727}," },\n",[722,850,852,854,857,859,862,864,867],{"class":724,"line":851},6,[722,853,830],{"class":727},[722,855,856],{"class":745},"'Bob Smith'",[722,858,836],{"class":727},[722,860,861],{"class":745},"'bob@example.com'",[722,863,842],{"class":727},[722,865,866],{"class":745},"'Member'",[722,868,848],{"class":727},[722,870,872],{"class":724,"line":871},7,[722,873,874],{"class":727},"])\n",[722,876,878],{"class":724,"line":877},8,[722,879,801],{"emptyLinePlaceholder":686},[722,881,883,885,888,890,892],{"class":724,"line":882},9,[722,884,807],{"class":755},[722,886,887],{"class":772}," rowSelection",[722,889,813],{"class":755},[722,891,816],{"class":735},[722,893,894],{"class":727},"({})\n",[722,896,897,899,902,904,906,909,912],{"class":724,"line":13},[722,898,807],{"class":755},[722,900,901],{"class":772}," globalFilter",[722,903,813],{"class":755},[722,905,816],{"class":735},[722,907,908],{"class":727},"(",[722,910,911],{"class":745},"''",[722,913,914],{"class":727},")\n",[722,916,917,919,922,924,927,930,932,934,937,940],{"class":724,"line":151},[722,918,807],{"class":755},[722,920,921],{"class":735}," getUserId",[722,923,813],{"class":755},[722,925,926],{"class":727}," (",[722,928,929],{"class":765},"user",[722,931,769],{"class":755},[722,933,759],{"class":735},[722,935,936],{"class":727},") ",[722,938,939],{"class":755},"=>",[722,941,942],{"class":727}," user.email\n",[722,944,945,948,950],{"class":724,"line":170},[722,946,947],{"class":727},"\u003C\u002F",[722,949,732],{"class":731},[722,951,749],{"class":727},[722,953,955],{"class":724,"line":954},13,[722,956,801],{"emptyLinePlaceholder":686},[722,958,960,962,965],{"class":724,"line":959},14,[722,961,728],{"class":727},[722,963,964],{"class":731},"template",[722,966,749],{"class":727},[722,968,969,972,975,978,980,983,986,988,991,993,996],{"class":724,"line":648},[722,970,971],{"class":727},"  \u003C",[722,973,974],{"class":731},"SInput",[722,976,977],{"class":735}," v-model",[722,979,742],{"class":727},[722,981,982],{"class":745},"\"",[722,984,985],{"class":727},"globalFilter",[722,987,982],{"class":745},[722,989,990],{"class":735}," placeholder",[722,992,742],{"class":727},[722,994,995],{"class":745},"\"Search users...\"",[722,997,998],{"class":727}," \u002F>\n",[722,1000,1002,1004],{"class":724,"line":1001},16,[722,1003,971],{"class":727},[722,1005,1006],{"class":731},"STable\n",[722,1008,1010,1013,1015,1018,1020,1022,1025],{"class":724,"line":1009},17,[722,1011,1012],{"class":735},"    v-model",[722,1014,769],{"class":727},[722,1016,1017],{"class":735},"row-selection",[722,1019,742],{"class":727},[722,1021,982],{"class":745},[722,1023,1024],{"class":727},"rowSelection",[722,1026,1027],{"class":745},"\"\n",[722,1029,1031,1033,1035,1038,1040,1042,1044],{"class":724,"line":1030},18,[722,1032,1012],{"class":735},[722,1034,769],{"class":727},[722,1036,1037],{"class":735},"global-filter",[722,1039,742],{"class":727},[722,1041,982],{"class":745},[722,1043,985],{"class":727},[722,1045,1027],{"class":745},[722,1047,1049,1052,1054,1056,1058,1061],{"class":724,"line":1048},19,[722,1050,1051],{"class":727},"    :",[722,1053,702],{"class":735},[722,1055,742],{"class":727},[722,1057,982],{"class":745},[722,1059,1060],{"class":727},"users",[722,1062,1027],{"class":745},[722,1064,1065,1067,1070,1072,1074,1077],{"class":724,"line":30},[722,1066,1051],{"class":727},[722,1068,1069],{"class":735},"get-row-id",[722,1071,742],{"class":727},[722,1073,982],{"class":745},[722,1075,1076],{"class":727},"getUserId",[722,1078,1027],{"class":745},[722,1080,1081],{"class":724,"line":247},[722,1082,1083],{"class":735},"    selectable\n",[722,1085,1086,1088,1091,1093,1095,1098],{"class":724,"line":257},[722,1087,1051],{"class":727},[722,1089,1090],{"class":735},"page-size",[722,1092,742],{"class":727},[722,1094,982],{"class":745},[722,1096,1097],{"class":772},"3",[722,1099,1027],{"class":745},[722,1101,1102],{"class":724,"line":272},[722,1103,1104],{"class":727},"  >\n",[722,1106,1107,1110,1113,1116,1118,1121,1124,1126,1129,1132,1135],{"class":724,"line":287},[722,1108,1109],{"class":727},"    \u003C",[722,1111,1112],{"class":731},"SColumn",[722,1114,1115],{"class":735}," field",[722,1117,742],{"class":727},[722,1119,1120],{"class":745},"\"name\"",[722,1122,1123],{"class":735}," header",[722,1125,742],{"class":727},[722,1127,1128],{"class":745},"\"Name\"",[722,1130,1131],{"class":735}," filterable",[722,1133,1134],{"class":735}," sortable",[722,1136,998],{"class":727},[722,1138,1139,1141,1143,1145,1147,1150,1152,1154,1157],{"class":724,"line":292},[722,1140,1109],{"class":727},[722,1142,1112],{"class":731},[722,1144,1115],{"class":735},[722,1146,742],{"class":727},[722,1148,1149],{"class":745},"\"email\"",[722,1151,1123],{"class":735},[722,1153,742],{"class":727},[722,1155,1156],{"class":745},"\"Email\"",[722,1158,998],{"class":727},[722,1160,1161,1163,1165,1167,1169,1172,1174,1176,1179],{"class":724,"line":302},[722,1162,1109],{"class":727},[722,1164,1112],{"class":731},[722,1166,1115],{"class":735},[722,1168,742],{"class":727},[722,1170,1171],{"class":745},"\"role\"",[722,1173,1123],{"class":735},[722,1175,742],{"class":727},[722,1177,1178],{"class":745},"\"Role\"",[722,1180,998],{"class":727},[722,1182,1183,1186,1189],{"class":724,"line":307},[722,1184,1185],{"class":727},"  \u003C\u002F",[722,1187,1188],{"class":731},"STable",[722,1190,749],{"class":727},[722,1192,1193,1195,1197],{"class":724,"line":312},[722,1194,947],{"class":727},[722,1196,964],{"class":731},[722,1198,749],{"class":727},[696,1200,1201,1202,1205,1206,1208,1209,6,1213,1216,1217,1220,1221,1224,1225,1228],{},"Columns are not sortable by default. Add ",[700,1203,1204],{},"sortable"," to an ",[700,1207,706],{}," to\nenable sorting; an adjacent icon shows its current state (unsorted, ascending,\nor descending). Click a sortable header, or focus it and press\n",[1210,1211,1212],"kbd",{},"Enter",[1210,1214,1215],{},"Space",", to cycle through those states. Shift-click\na second sortable header to add it as a secondary sort without clearing the\nfirst. ",[700,1218,1219],{},"filterable"," adds a funnel button beside that column's header; it opens\na popover with a live text filter and a Clear action. ",[700,1222,1223],{},"selectable"," adds a leading checkbox column wired to\n",[700,1226,1227],{},"v-model:row-selection",".",[696,1230,1231,1232,1235,1236,1239,1240,1244,1245,769],{},"Selection checkboxes have accessible names by default: \"Select all rows\"\nand \"Select row 1\", \"Select row 2\", and so on. Row numbers refer to the\noriginal data order and stay attached to their records when sorting or\nfiltering. Customize these defaults with the ",[700,1233,1234],{},"selectAllRows"," and\n",[700,1237,1238],{},"selectRow(index)"," ",[1241,1242,1243],"a",{"href":659},"messages",".\nFor a more descriptive name, pass ",[700,1246,1247],{},"get-row-selection-label",[713,1249,1253],{"className":1250,"code":1251,"language":1252,"meta":718,"style":718},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSTable\n  :data=\"users\"\n  selectable\n  :get-row-selection-label=\"user => `Select ${user.name}`\"\n>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n\u003C\u002FSTable>\n","vue-html",[700,1254,1255,1261,1276,1281,1308,1312,1332],{"__ignoreMap":718},[722,1256,1257,1259],{"class":724,"line":8},[722,1258,728],{"class":727},[722,1260,1006],{"class":731},[722,1262,1263,1266,1268,1270,1272,1274],{"class":724,"line":752},[722,1264,1265],{"class":727},"  :",[722,1267,702],{"class":735},[722,1269,742],{"class":727},[722,1271,982],{"class":745},[722,1273,1060],{"class":727},[722,1275,1027],{"class":745},[722,1277,1278],{"class":724,"line":798},[722,1279,1280],{"class":735},"  selectable\n",[722,1282,1283,1285,1287,1289,1291,1293,1296,1299,1301,1303,1305],{"class":724,"line":804},[722,1284,1265],{"class":727},[722,1286,1247],{"class":735},[722,1288,742],{"class":727},[722,1290,982],{"class":745},[722,1292,929],{"class":765},[722,1294,1295],{"class":755}," =>",[722,1297,1298],{"class":745}," `Select ${",[722,1300,929],{"class":727},[722,1302,1228],{"class":745},[722,1304,766],{"class":727},[722,1306,1307],{"class":745},"}`\"\n",[722,1309,1310],{"class":724,"line":827},[722,1311,749],{"class":727},[722,1313,1314,1316,1318,1320,1322,1324,1326,1328,1330],{"class":724,"line":851},[722,1315,971],{"class":727},[722,1317,1112],{"class":731},[722,1319,1115],{"class":735},[722,1321,742],{"class":727},[722,1323,1120],{"class":745},[722,1325,1123],{"class":735},[722,1327,742],{"class":727},[722,1329,1128],{"class":745},[722,1331,998],{"class":727},[722,1333,1334,1336,1338],{"class":724,"line":871},[722,1335,947],{"class":727},[722,1337,1188],{"class":731},[722,1339,749],{"class":727},[696,1341,1342],{},"The callback receives the original row object and returns the full accessible\nname. Translate this text in your application when needed. Empty callback\nresults fall back to the localized row number.",[696,1344,1345,1346,1349,1350,1352,1353,1356],{},"Use ",[700,1347,1348],{},"select-on-row-click"," alongside ",[700,1351,1223],{}," to toggle selection by\nclicking anywhere on a row. Clicks on controls inside cells (such as links,\nbuttons, and checkboxes) keep their normal behavior. ",[700,1354,1355],{},"row-hover"," adds a subtle\ntheme-aware background while the pointer is over a body row:",[709,1358],{"name":1359},"table-row-click-selection",[713,1361,1363],{"className":1250,"code":1362,"language":1252,"meta":718,"style":718},"\u003CSTable\n  v-model:row-selection=\"rowSelection\"\n  :data=\"users\"\n  :get-row-id=\"user => user.email\"\n  selectable\n  select-on-row-click\n  row-hover\n>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n\u003C\u002FSTable>\n",[700,1364,1365,1371,1388,1402,1421,1425,1430,1435,1439,1459,1479],{"__ignoreMap":718},[722,1366,1367,1369],{"class":724,"line":8},[722,1368,728],{"class":727},[722,1370,1006],{"class":731},[722,1372,1373,1376,1378,1380,1382,1384,1386],{"class":724,"line":752},[722,1374,1375],{"class":735},"  v-model",[722,1377,769],{"class":727},[722,1379,1017],{"class":735},[722,1381,742],{"class":727},[722,1383,982],{"class":745},[722,1385,1024],{"class":727},[722,1387,1027],{"class":745},[722,1389,1390,1392,1394,1396,1398,1400],{"class":724,"line":798},[722,1391,1265],{"class":727},[722,1393,702],{"class":735},[722,1395,742],{"class":727},[722,1397,982],{"class":745},[722,1399,1060],{"class":727},[722,1401,1027],{"class":745},[722,1403,1404,1406,1408,1410,1412,1414,1416,1419],{"class":724,"line":804},[722,1405,1265],{"class":727},[722,1407,1069],{"class":735},[722,1409,742],{"class":727},[722,1411,982],{"class":745},[722,1413,929],{"class":765},[722,1415,1295],{"class":755},[722,1417,1418],{"class":727}," user.email",[722,1420,1027],{"class":745},[722,1422,1423],{"class":724,"line":827},[722,1424,1280],{"class":735},[722,1426,1427],{"class":724,"line":851},[722,1428,1429],{"class":735},"  select-on-row-click\n",[722,1431,1432],{"class":724,"line":871},[722,1433,1434],{"class":735},"  row-hover\n",[722,1436,1437],{"class":724,"line":877},[722,1438,749],{"class":727},[722,1440,1441,1443,1445,1447,1449,1451,1453,1455,1457],{"class":724,"line":882},[722,1442,971],{"class":727},[722,1444,1112],{"class":731},[722,1446,1115],{"class":735},[722,1448,742],{"class":727},[722,1450,1120],{"class":745},[722,1452,1123],{"class":735},[722,1454,742],{"class":727},[722,1456,1128],{"class":745},[722,1458,998],{"class":727},[722,1460,1461,1463,1465,1467,1469,1471,1473,1475,1477],{"class":724,"line":13},[722,1462,971],{"class":727},[722,1464,1112],{"class":731},[722,1466,1115],{"class":735},[722,1468,742],{"class":727},[722,1470,1149],{"class":745},[722,1472,1123],{"class":735},[722,1474,742],{"class":727},[722,1476,1156],{"class":745},[722,1478,998],{"class":727},[722,1480,1481,1483,1485],{"class":724,"line":151},[722,1482,947],{"class":727},[722,1484,1188],{"class":731},[722,1486,749],{"class":727},[696,1488,1489,1490,1492],{},"Selection and expansion use TanStack's positional row ids by default. For\ndata that can be sorted, filtered, refreshed, or paginated by a server, provide\n",[700,1491,1069],{}," so controlled state follows the record rather than its current\narray position:",[713,1494,1496],{"className":1250,"code":1495,"language":1252,"meta":718,"style":718},"\u003CSTable\n  v-model:row-selection=\"rowSelection\"\n  :data=\"users\"\n  :get-row-id=\"getUserId\"\n  selectable\n>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n\u003C\u002FSTable>\n",[700,1497,1498,1504,1520,1534,1548,1552,1556,1576],{"__ignoreMap":718},[722,1499,1500,1502],{"class":724,"line":8},[722,1501,728],{"class":727},[722,1503,1006],{"class":731},[722,1505,1506,1508,1510,1512,1514,1516,1518],{"class":724,"line":752},[722,1507,1375],{"class":735},[722,1509,769],{"class":727},[722,1511,1017],{"class":735},[722,1513,742],{"class":727},[722,1515,982],{"class":745},[722,1517,1024],{"class":727},[722,1519,1027],{"class":745},[722,1521,1522,1524,1526,1528,1530,1532],{"class":724,"line":798},[722,1523,1265],{"class":727},[722,1525,702],{"class":735},[722,1527,742],{"class":727},[722,1529,982],{"class":745},[722,1531,1060],{"class":727},[722,1533,1027],{"class":745},[722,1535,1536,1538,1540,1542,1544,1546],{"class":724,"line":804},[722,1537,1265],{"class":727},[722,1539,1069],{"class":735},[722,1541,742],{"class":727},[722,1543,982],{"class":745},[722,1545,1076],{"class":727},[722,1547,1027],{"class":745},[722,1549,1550],{"class":724,"line":827},[722,1551,1280],{"class":735},[722,1553,1554],{"class":724,"line":851},[722,1555,749],{"class":727},[722,1557,1558,1560,1562,1564,1566,1568,1570,1572,1574],{"class":724,"line":871},[722,1559,971],{"class":727},[722,1561,1112],{"class":731},[722,1563,1115],{"class":735},[722,1565,742],{"class":727},[722,1567,1120],{"class":745},[722,1569,1123],{"class":735},[722,1571,742],{"class":727},[722,1573,1128],{"class":745},[722,1575,998],{"class":727},[722,1577,1578,1580,1582],{"class":724,"line":877},[722,1579,947],{"class":727},[722,1581,1188],{"class":731},[722,1583,749],{"class":727},[696,1585,1586,1588,1589,1592],{},[700,1587,1188],{}," doesn't render a global search input itself - wire one up yourself\nand bind it to ",[700,1590,1591],{},"v-model:global-filter",", same compositional approach as the\nrest of the library.",[1594,1595,1597],"h3",{"id":1596},"grouped-headers","Grouped headers",[696,1599,1600,1601,1604,1605,6,1608,1611],{},"Wrap columns in ",[700,1602,1603],{},"\u003CSColumnGroup>"," to produce a multi-row header with the\ncorrect ",[700,1606,1607],{},"colspan",[700,1609,1610],{},"rowspan"," - nest as deeply as needed:",[709,1613],{"name":1614},"table-grouped",[713,1616,1618],{"className":1250,"code":1617,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"employees\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumnGroup header=\"Details\">\n    \u003CSColumn field=\"age\" header=\"Age\" \u002F>\n    \u003CSColumn field=\"city\" header=\"City\" \u002F>\n    \u003CSColumn field=\"department\" header=\"Department\" \u002F>\n  \u003C\u002FSColumnGroup>\n\u003C\u002FSTable>\n",[700,1619,1620,1642,1662,1678,1700,1722,1744,1752],{"__ignoreMap":718},[722,1621,1622,1624,1626,1629,1631,1633,1635,1638,1640],{"class":724,"line":8},[722,1623,728],{"class":727},[722,1625,1188],{"class":731},[722,1627,1628],{"class":727}," :",[722,1630,702],{"class":735},[722,1632,742],{"class":727},[722,1634,982],{"class":745},[722,1636,1637],{"class":727},"employees",[722,1639,982],{"class":745},[722,1641,749],{"class":727},[722,1643,1644,1646,1648,1650,1652,1654,1656,1658,1660],{"class":724,"line":752},[722,1645,971],{"class":727},[722,1647,1112],{"class":731},[722,1649,1115],{"class":735},[722,1651,742],{"class":727},[722,1653,1120],{"class":745},[722,1655,1123],{"class":735},[722,1657,742],{"class":727},[722,1659,1128],{"class":745},[722,1661,998],{"class":727},[722,1663,1664,1666,1669,1671,1673,1676],{"class":724,"line":798},[722,1665,971],{"class":727},[722,1667,1668],{"class":731},"SColumnGroup",[722,1670,1123],{"class":735},[722,1672,742],{"class":727},[722,1674,1675],{"class":745},"\"Details\"",[722,1677,749],{"class":727},[722,1679,1680,1682,1684,1686,1688,1691,1693,1695,1698],{"class":724,"line":804},[722,1681,1109],{"class":727},[722,1683,1112],{"class":731},[722,1685,1115],{"class":735},[722,1687,742],{"class":727},[722,1689,1690],{"class":745},"\"age\"",[722,1692,1123],{"class":735},[722,1694,742],{"class":727},[722,1696,1697],{"class":745},"\"Age\"",[722,1699,998],{"class":727},[722,1701,1702,1704,1706,1708,1710,1713,1715,1717,1720],{"class":724,"line":827},[722,1703,1109],{"class":727},[722,1705,1112],{"class":731},[722,1707,1115],{"class":735},[722,1709,742],{"class":727},[722,1711,1712],{"class":745},"\"city\"",[722,1714,1123],{"class":735},[722,1716,742],{"class":727},[722,1718,1719],{"class":745},"\"City\"",[722,1721,998],{"class":727},[722,1723,1724,1726,1728,1730,1732,1735,1737,1739,1742],{"class":724,"line":851},[722,1725,1109],{"class":727},[722,1727,1112],{"class":731},[722,1729,1115],{"class":735},[722,1731,742],{"class":727},[722,1733,1734],{"class":745},"\"department\"",[722,1736,1123],{"class":735},[722,1738,742],{"class":727},[722,1740,1741],{"class":745},"\"Department\"",[722,1743,998],{"class":727},[722,1745,1746,1748,1750],{"class":724,"line":871},[722,1747,1185],{"class":727},[722,1749,1668],{"class":731},[722,1751,749],{"class":727},[722,1753,1754,1756,1758],{"class":724,"line":877},[722,1755,947],{"class":727},[722,1757,1188],{"class":731},[722,1759,749],{"class":727},[1594,1761,371],{"id":1762},"pagination",[696,1764,1765,1766,1768,1769,1771,1772,1775,1776,1779,1780,1783,1784,1788],{},"Pagination is opt-in: every row renders on one page until you set\n",[700,1767,1090],{},". Once set, a ",[1241,1770,371],{"href":372},"\ncontrol (page numbers, Prev\u002FNext, scaling with ",[700,1773,1774],{},"size",") appears automatically\nonce there's more than one page, and binds to ",[700,1777,1778],{},"v-model:page-index"," if you\nneed to read or control the current page yourself. ",[700,1781,1782],{},"virtualize"," is the\nbetter fit for windowing a large dataset instead - see\n",[1241,1785,1787],{"href":1786},"#virtual-scroll","Virtual scroll"," below.",[1594,1790,1792],{"id":1791},"presort","Presort",[696,1794,1795,1798,1799,1802],{},[700,1796,1797],{},"default-sorting"," seeds the initial sort without needing ",[700,1800,1801],{},"v-model:sorting"," -\nuseful when you want a table to open already sorted but still let the user\nchange it freely afterward:",[713,1804,1806],{"className":1250,"code":1805,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"users\" :default-sorting=\"[{ id: 'name', desc: false }]\">\n  \u003CSColumn field=\"name\" header=\"Name\" sortable \u002F>\n\u003C\u002FSTable>\n",[700,1807,1808,1853,1875],{"__ignoreMap":718},[722,1809,1810,1812,1814,1816,1818,1820,1822,1824,1826,1828,1830,1832,1834,1837,1840,1843,1846,1849,1851],{"class":724,"line":8},[722,1811,728],{"class":727},[722,1813,1188],{"class":731},[722,1815,1628],{"class":727},[722,1817,702],{"class":735},[722,1819,742],{"class":727},[722,1821,982],{"class":745},[722,1823,1060],{"class":727},[722,1825,982],{"class":745},[722,1827,1628],{"class":727},[722,1829,1797],{"class":735},[722,1831,742],{"class":727},[722,1833,982],{"class":745},[722,1835,1836],{"class":727},"[{ id: ",[722,1838,1839],{"class":745},"'name'",[722,1841,1842],{"class":727},", desc: ",[722,1844,1845],{"class":772},"false",[722,1847,1848],{"class":727}," }]",[722,1850,982],{"class":745},[722,1852,749],{"class":727},[722,1854,1855,1857,1859,1861,1863,1865,1867,1869,1871,1873],{"class":724,"line":752},[722,1856,971],{"class":727},[722,1858,1112],{"class":731},[722,1860,1115],{"class":735},[722,1862,742],{"class":727},[722,1864,1120],{"class":745},[722,1866,1123],{"class":735},[722,1868,742],{"class":727},[722,1870,1128],{"class":745},[722,1872,1134],{"class":735},[722,1874,998],{"class":727},[722,1876,1877,1879,1881],{"class":724,"line":798},[722,1878,947],{"class":727},[722,1880,1188],{"class":731},[722,1882,749],{"class":727},[696,1884,1885,1886,1889,1890,6,1892,1894,1895,1228],{},"Unlike ",[700,1887,1888],{},"sorting",", this is read once as a starting value, not on every render -\nthe same uncontrolled-default pattern as ",[700,1891,356],{},[700,1893,347],{},"'s ",[700,1896,1897],{},"defaultValue",[1594,1899,1901],{"id":1900},"custom-cell-content","Custom cell content",[696,1903,1904,1905,1907,1908,1911,1912,1915,1916,1919],{},"Give an ",[700,1906,706],{}," a default slot to customize how each cell renders. It\nreceives ",[700,1909,1910],{},"{ row, value }",", where ",[700,1913,1914],{},"row"," is the full row object and ",[700,1917,1918],{},"value"," is\nthat column's own field value:",[713,1921,1923],{"className":1250,"code":1922,"language":1252,"meta":718,"style":718},"\u003CSColumn field=\"role\" header=\"Role\">\n  \u003Ctemplate #default=\"{ value }\">\n    \u003CSBadge :label=\"value\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FSColumn>\n",[700,1924,1925,1945,1968,1990,1998],{"__ignoreMap":718},[722,1926,1927,1929,1931,1933,1935,1937,1939,1941,1943],{"class":724,"line":8},[722,1928,728],{"class":727},[722,1930,1112],{"class":731},[722,1932,1115],{"class":735},[722,1934,742],{"class":727},[722,1936,1171],{"class":745},[722,1938,1123],{"class":735},[722,1940,742],{"class":727},[722,1942,1178],{"class":745},[722,1944,749],{"class":727},[722,1946,1947,1949,1951,1954,1957,1959,1961,1964,1966],{"class":724,"line":752},[722,1948,971],{"class":727},[722,1950,964],{"class":731},[722,1952,1953],{"class":727}," #",[722,1955,1956],{"class":735},"default",[722,1958,742],{"class":727},[722,1960,982],{"class":745},[722,1962,1963],{"class":727},"{ value }",[722,1965,982],{"class":745},[722,1967,749],{"class":727},[722,1969,1970,1972,1975,1977,1980,1982,1984,1986,1988],{"class":724,"line":798},[722,1971,1109],{"class":727},[722,1973,1974],{"class":731},"SBadge",[722,1976,1628],{"class":727},[722,1978,1979],{"class":735},"label",[722,1981,742],{"class":727},[722,1983,982],{"class":745},[722,1985,1918],{"class":727},[722,1987,982],{"class":745},[722,1989,998],{"class":727},[722,1991,1992,1994,1996],{"class":724,"line":804},[722,1993,1185],{"class":727},[722,1995,964],{"class":731},[722,1997,749],{"class":727},[722,1999,2000,2002,2004],{"class":724,"line":827},[722,2001,947],{"class":727},[722,2003,1112],{"class":731},[722,2005,749],{"class":727},[1594,2007,2009],{"id":2008},"custom-header-content","Custom header content",[696,2011,2012,6,2014,2016,2017,2020,2021,2024,2025,2028],{},[700,2013,706],{},[700,2015,1603],{}," take the same treatment for their ",[700,2018,2019],{},"header","\u002F\n",[700,2022,2023],{},"footer"," - a named slot (scoped with ",[700,2026,2027],{},"{ column }",", TanStack's own column\nAPI) that replaces the plain string prop when given:",[709,2030],{"name":2031},"table-custom-header",[713,2033,2035],{"className":1250,"code":2034,"language":1252,"meta":718,"style":718},"\u003CSColumn field=\"role\">\n  \u003Ctemplate #header>\n    \u003Cspan class=\"inline-flex items-center gap-1\">\n      Role\n      \u003CSTooltip text=\"Admins can manage billing and members\">\n        \u003CSIcon name=\"hugeicons:information-circle\" class=\"size-3.5 text-[var(--selaras-resolved-text-muted)]\" \u002F>\n      \u003C\u002FSTooltip>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\u003C\u002FSColumn>\n",[700,2036,2037,2051,2063,2079,2084,2102,2127,2136,2145,2153],{"__ignoreMap":718},[722,2038,2039,2041,2043,2045,2047,2049],{"class":724,"line":8},[722,2040,728],{"class":727},[722,2042,1112],{"class":731},[722,2044,1115],{"class":735},[722,2046,742],{"class":727},[722,2048,1171],{"class":745},[722,2050,749],{"class":727},[722,2052,2053,2055,2057,2059,2061],{"class":724,"line":752},[722,2054,971],{"class":727},[722,2056,964],{"class":731},[722,2058,1953],{"class":727},[722,2060,2019],{"class":735},[722,2062,749],{"class":727},[722,2064,2065,2067,2069,2072,2074,2077],{"class":724,"line":798},[722,2066,1109],{"class":727},[722,2068,722],{"class":731},[722,2070,2071],{"class":735}," class",[722,2073,742],{"class":727},[722,2075,2076],{"class":745},"\"inline-flex items-center gap-1\"",[722,2078,749],{"class":727},[722,2080,2081],{"class":724,"line":804},[722,2082,2083],{"class":727},"      Role\n",[722,2085,2086,2089,2092,2095,2097,2100],{"class":724,"line":827},[722,2087,2088],{"class":727},"      \u003C",[722,2090,2091],{"class":731},"STooltip",[722,2093,2094],{"class":735}," text",[722,2096,742],{"class":727},[722,2098,2099],{"class":745},"\"Admins can manage billing and members\"",[722,2101,749],{"class":727},[722,2103,2104,2107,2110,2113,2115,2118,2120,2122,2125],{"class":724,"line":851},[722,2105,2106],{"class":727},"        \u003C",[722,2108,2109],{"class":731},"SIcon",[722,2111,2112],{"class":735}," name",[722,2114,742],{"class":727},[722,2116,2117],{"class":745},"\"hugeicons:information-circle\"",[722,2119,2071],{"class":735},[722,2121,742],{"class":727},[722,2123,2124],{"class":745},"\"size-3.5 text-[var(--selaras-resolved-text-muted)]\"",[722,2126,998],{"class":727},[722,2128,2129,2132,2134],{"class":724,"line":871},[722,2130,2131],{"class":727},"      \u003C\u002F",[722,2133,2091],{"class":731},[722,2135,749],{"class":727},[722,2137,2138,2141,2143],{"class":724,"line":877},[722,2139,2140],{"class":727},"    \u003C\u002F",[722,2142,722],{"class":731},[722,2144,749],{"class":727},[722,2146,2147,2149,2151],{"class":724,"line":882},[722,2148,1185],{"class":727},[722,2150,964],{"class":731},[722,2152,749],{"class":727},[722,2154,2155,2157,2159],{"class":724,"line":13},[722,2156,947],{"class":727},[722,2158,1112],{"class":731},[722,2160,749],{"class":727},[1594,2162,2164],{"id":2163},"row-expansion","Row expansion",[696,2166,2167,2170,2171,2173,2174,2177,2178,2181],{},[700,2168,2169],{},"expandable"," adds a leading toggle column; give ",[700,2172,1188],{}," an ",[700,2175,2176],{},"expanded"," slot\nfor the detail content, receiving ",[700,2179,2180],{},"{ row }"," (the row's original data object):",[709,2183],{"name":2184},"table-expandable",[713,2186,2188],{"className":1250,"code":2187,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"orders\" expandable>\n  \u003CSColumn field=\"id\" header=\"Order\" \u002F>\n  \u003CSColumn field=\"customer\" header=\"Customer\" \u002F>\n  \u003CSColumn field=\"total\" header=\"Total\" \u002F>\n  \u003Ctemplate #expanded=\"{ row }\">\n    \u003Cstrong>Items:\u003C\u002Fstrong> {{ row.items.join(', ') }}\n  \u003C\u002Ftemplate>\n\u003C\u002FSTable>\n",[700,2189,2190,2214,2236,2258,2280,2300,2315,2323],{"__ignoreMap":718},[722,2191,2192,2194,2196,2198,2200,2202,2204,2207,2209,2212],{"class":724,"line":8},[722,2193,728],{"class":727},[722,2195,1188],{"class":731},[722,2197,1628],{"class":727},[722,2199,702],{"class":735},[722,2201,742],{"class":727},[722,2203,982],{"class":745},[722,2205,2206],{"class":727},"orders",[722,2208,982],{"class":745},[722,2210,2211],{"class":735}," expandable",[722,2213,749],{"class":727},[722,2215,2216,2218,2220,2222,2224,2227,2229,2231,2234],{"class":724,"line":752},[722,2217,971],{"class":727},[722,2219,1112],{"class":731},[722,2221,1115],{"class":735},[722,2223,742],{"class":727},[722,2225,2226],{"class":745},"\"id\"",[722,2228,1123],{"class":735},[722,2230,742],{"class":727},[722,2232,2233],{"class":745},"\"Order\"",[722,2235,998],{"class":727},[722,2237,2238,2240,2242,2244,2246,2249,2251,2253,2256],{"class":724,"line":798},[722,2239,971],{"class":727},[722,2241,1112],{"class":731},[722,2243,1115],{"class":735},[722,2245,742],{"class":727},[722,2247,2248],{"class":745},"\"customer\"",[722,2250,1123],{"class":735},[722,2252,742],{"class":727},[722,2254,2255],{"class":745},"\"Customer\"",[722,2257,998],{"class":727},[722,2259,2260,2262,2264,2266,2268,2271,2273,2275,2278],{"class":724,"line":804},[722,2261,971],{"class":727},[722,2263,1112],{"class":731},[722,2265,1115],{"class":735},[722,2267,742],{"class":727},[722,2269,2270],{"class":745},"\"total\"",[722,2272,1123],{"class":735},[722,2274,742],{"class":727},[722,2276,2277],{"class":745},"\"Total\"",[722,2279,998],{"class":727},[722,2281,2282,2284,2286,2288,2290,2292,2294,2296,2298],{"class":724,"line":827},[722,2283,971],{"class":727},[722,2285,964],{"class":731},[722,2287,1953],{"class":727},[722,2289,2176],{"class":735},[722,2291,742],{"class":727},[722,2293,982],{"class":745},[722,2295,2180],{"class":727},[722,2297,982],{"class":745},[722,2299,749],{"class":727},[722,2301,2302,2304,2307,2310,2312],{"class":724,"line":851},[722,2303,1109],{"class":727},[722,2305,2306],{"class":731},"strong",[722,2308,2309],{"class":727},">Items:\u003C\u002F",[722,2311,2306],{"class":731},[722,2313,2314],{"class":727},"> {{ row.items.join(', ') }}\n",[722,2316,2317,2319,2321],{"class":724,"line":871},[722,2318,1185],{"class":727},[722,2320,964],{"class":731},[722,2322,749],{"class":727},[722,2324,2325,2327,2329],{"class":724,"line":877},[722,2326,947],{"class":727},[722,2328,1188],{"class":731},[722,2330,749],{"class":727},[696,2332,2333,2334,2337],{},"Expansion state is uncontrolled by default; bind ",[700,2335,2336],{},"v-model:expanded"," if you\nneed to read or drive it yourself (e.g. to expand a row programmatically).",[1594,2339,2341],{"id":2340},"tree-data","Tree data",[696,2343,2344,2345,2348,2349,2352,2353,2356,2357,2359,2360,2362,2363,2366],{},"Set ",[700,2346,2347],{},"tree"," to render hierarchical rows from each row's ",[700,2350,2351],{},"subRows"," array. Parent\nrows get an inline expand control in the first visible data column, and nested\nrows are indented by depth. For another child property, pass ",[700,2354,2355],{},"get-sub-rows",".\nUse stable ",[700,2358,1069],{}," values when the same table may expand, select, or sort\ntree rows. Tree mode uses ",[700,2361,2176],{}," for child visibility, so it cannot be\ncombined with the detail ",[700,2364,2365],{},"#expanded"," slot.",[709,2368],{"name":2369},"table-tree",[713,2371,2373],{"className":1250,"code":2372,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"teams\" tree :get-row-id=\"team => team.name\">\n  \u003CSColumn field=\"name\" header=\"Team\" \u002F>\n  \u003CSColumn field=\"lead\" header=\"Lead\" \u002F>\n\u003C\u002FSTable>\n",[700,2374,2375,2417,2438,2460],{"__ignoreMap":718},[722,2376,2377,2379,2381,2383,2385,2387,2389,2392,2394,2397,2399,2401,2403,2405,2408,2410,2413,2415],{"class":724,"line":8},[722,2378,728],{"class":727},[722,2380,1188],{"class":731},[722,2382,1628],{"class":727},[722,2384,702],{"class":735},[722,2386,742],{"class":727},[722,2388,982],{"class":745},[722,2390,2391],{"class":727},"teams",[722,2393,982],{"class":745},[722,2395,2396],{"class":735}," tree",[722,2398,1628],{"class":727},[722,2400,1069],{"class":735},[722,2402,742],{"class":727},[722,2404,982],{"class":745},[722,2406,2407],{"class":765},"team",[722,2409,1295],{"class":755},[722,2411,2412],{"class":727}," team.name",[722,2414,982],{"class":745},[722,2416,749],{"class":727},[722,2418,2419,2421,2423,2425,2427,2429,2431,2433,2436],{"class":724,"line":752},[722,2420,971],{"class":727},[722,2422,1112],{"class":731},[722,2424,1115],{"class":735},[722,2426,742],{"class":727},[722,2428,1120],{"class":745},[722,2430,1123],{"class":735},[722,2432,742],{"class":727},[722,2434,2435],{"class":745},"\"Team\"",[722,2437,998],{"class":727},[722,2439,2440,2442,2444,2446,2448,2451,2453,2455,2458],{"class":724,"line":798},[722,2441,971],{"class":727},[722,2443,1112],{"class":731},[722,2445,1115],{"class":735},[722,2447,742],{"class":727},[722,2449,2450],{"class":745},"\"lead\"",[722,2452,1123],{"class":735},[722,2454,742],{"class":727},[722,2456,2457],{"class":745},"\"Lead\"",[722,2459,998],{"class":727},[722,2461,2462,2464,2466],{"class":724,"line":804},[722,2463,947],{"class":727},[722,2465,1188],{"class":731},[722,2467,749],{"class":727},[696,2469,2470,2471,1228],{},"For a different nested field, return each row's children with\n",[700,2472,2473],{},"get-sub-rows=\"row => row.children\"",[1594,2475,2477],{"id":2476},"row-click","Row click",[696,2479,2480,6,2483,2486,2487,2489],{},[700,2481,2482],{},"@row-click",[700,2484,2485],{},"@row-contextmenu"," fire with the row's original data object\nand the native event - useful for navigating to a detail page, for\ninstance. A row only gets a pointer cursor when ",[700,2488,2482],{}," actually has\na listener attached, so a plain, non-interactive table isn't misleadingly\nstyled as clickable:",[709,2491],{"name":2492},"table-row-click",[713,2494,2496],{"className":1250,"code":2495,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"users\" @row-click=\"(row) => router.push(`\u002Fusers\u002F${row.id}`)\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n\u003C\u002FSTable>\n",[700,2497,2498,2561,2581,2601,2621],{"__ignoreMap":718},[722,2499,2500,2502,2504,2506,2508,2510,2512,2514,2516,2519,2521,2523,2525,2527,2529,2531,2533,2536,2539,2541,2544,2546,2548,2551,2554,2557,2559],{"class":724,"line":8},[722,2501,728],{"class":727},[722,2503,1188],{"class":731},[722,2505,1628],{"class":727},[722,2507,702],{"class":735},[722,2509,742],{"class":727},[722,2511,982],{"class":745},[722,2513,1060],{"class":727},[722,2515,982],{"class":745},[722,2517,2518],{"class":727}," @",[722,2520,2476],{"class":735},[722,2522,742],{"class":727},[722,2524,982],{"class":745},[722,2526,908],{"class":727},[722,2528,1914],{"class":765},[722,2530,936],{"class":727},[722,2532,939],{"class":755},[722,2534,2535],{"class":727}," router.",[722,2537,2538],{"class":735},"push",[722,2540,908],{"class":727},[722,2542,2543],{"class":745},"`\u002Fusers\u002F${",[722,2545,1914],{"class":727},[722,2547,1228],{"class":745},[722,2549,2550],{"class":727},"id",[722,2552,2553],{"class":745},"}`",[722,2555,2556],{"class":727},")",[722,2558,982],{"class":745},[722,2560,749],{"class":727},[722,2562,2563,2565,2567,2569,2571,2573,2575,2577,2579],{"class":724,"line":752},[722,2564,971],{"class":727},[722,2566,1112],{"class":731},[722,2568,1115],{"class":735},[722,2570,742],{"class":727},[722,2572,1120],{"class":745},[722,2574,1123],{"class":735},[722,2576,742],{"class":727},[722,2578,1128],{"class":745},[722,2580,998],{"class":727},[722,2582,2583,2585,2587,2589,2591,2593,2595,2597,2599],{"class":724,"line":798},[722,2584,971],{"class":727},[722,2586,1112],{"class":731},[722,2588,1115],{"class":735},[722,2590,742],{"class":727},[722,2592,1149],{"class":745},[722,2594,1123],{"class":735},[722,2596,742],{"class":727},[722,2598,1156],{"class":745},[722,2600,998],{"class":727},[722,2602,2603,2605,2607,2609,2611,2613,2615,2617,2619],{"class":724,"line":804},[722,2604,971],{"class":727},[722,2606,1112],{"class":731},[722,2608,1115],{"class":735},[722,2610,742],{"class":727},[722,2612,1171],{"class":745},[722,2614,1123],{"class":735},[722,2616,742],{"class":727},[722,2618,1178],{"class":745},[722,2620,998],{"class":727},[722,2622,2623,2625,2627],{"class":724,"line":827},[722,2624,947],{"class":727},[722,2626,1188],{"class":731},[722,2628,749],{"class":727},[1594,2630,2632],{"id":2631},"per-row-styling","Per-row styling",[696,2634,2635,6,2638,2641],{},[700,2636,2637],{},"row-class",[700,2639,2640],{},"row-style"," are called with each row's own data, letting you\nstyle a row conditionally - highlighting an overdue order, say:",[709,2643],{"name":2644},"table-row-styling",[713,2646,2648],{"className":1250,"code":2647,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"orders\" :row-class=\"(row) => row.overdue ? 'bg-[var(--selaras-resolved-color-danger-subtle)]' : undefined\">\n  \u003CSColumn field=\"id\" header=\"Order\" \u002F>\n  \u003CSColumn field=\"customer\" header=\"Customer\" \u002F>\n  \u003CSColumn field=\"total\" header=\"Total\" \u002F>\n\u003C\u002FSTable>\n",[700,2649,2650,2702,2722,2742,2762],{"__ignoreMap":718},[722,2651,2652,2654,2656,2658,2660,2662,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684,2687,2690,2693,2695,2698,2700],{"class":724,"line":8},[722,2653,728],{"class":727},[722,2655,1188],{"class":731},[722,2657,1628],{"class":727},[722,2659,702],{"class":735},[722,2661,742],{"class":727},[722,2663,982],{"class":745},[722,2665,2206],{"class":727},[722,2667,982],{"class":745},[722,2669,1628],{"class":727},[722,2671,2637],{"class":735},[722,2673,742],{"class":727},[722,2675,982],{"class":745},[722,2677,908],{"class":727},[722,2679,1914],{"class":765},[722,2681,936],{"class":727},[722,2683,939],{"class":755},[722,2685,2686],{"class":727}," row.overdue ",[722,2688,2689],{"class":755},"?",[722,2691,2692],{"class":745}," 'bg-[var(--selaras-resolved-color-danger-subtle)]'",[722,2694,1628],{"class":755},[722,2696,2697],{"class":772}," undefined",[722,2699,982],{"class":745},[722,2701,749],{"class":727},[722,2703,2704,2706,2708,2710,2712,2714,2716,2718,2720],{"class":724,"line":752},[722,2705,971],{"class":727},[722,2707,1112],{"class":731},[722,2709,1115],{"class":735},[722,2711,742],{"class":727},[722,2713,2226],{"class":745},[722,2715,1123],{"class":735},[722,2717,742],{"class":727},[722,2719,2233],{"class":745},[722,2721,998],{"class":727},[722,2723,2724,2726,2728,2730,2732,2734,2736,2738,2740],{"class":724,"line":798},[722,2725,971],{"class":727},[722,2727,1112],{"class":731},[722,2729,1115],{"class":735},[722,2731,742],{"class":727},[722,2733,2248],{"class":745},[722,2735,1123],{"class":735},[722,2737,742],{"class":727},[722,2739,2255],{"class":745},[722,2741,998],{"class":727},[722,2743,2744,2746,2748,2750,2752,2754,2756,2758,2760],{"class":724,"line":804},[722,2745,971],{"class":727},[722,2747,1112],{"class":731},[722,2749,1115],{"class":735},[722,2751,742],{"class":727},[722,2753,2270],{"class":745},[722,2755,1123],{"class":735},[722,2757,742],{"class":727},[722,2759,2277],{"class":745},[722,2761,998],{"class":727},[722,2763,2764,2766,2768],{"class":724,"line":827},[722,2765,947],{"class":727},[722,2767,1188],{"class":731},[722,2769,749],{"class":727},[1594,2771,2773],{"id":2772},"column-visibility-toggle","Column visibility toggle",[696,2775,2776,2779],{},[700,2777,2778],{},"column-toggle"," renders a \"Columns\" button above the table that opens a panel\nof checkboxes, one per column, letting the user hide\u002Fshow columns on the fly:",[709,2781],{"name":2782},"table-column-toggle",[713,2784,2786],{"className":1250,"code":2785,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"users\" column-toggle>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n\u003C\u002FSTable>\n",[700,2787,2788,2811,2831,2851,2871],{"__ignoreMap":718},[722,2789,2790,2792,2794,2796,2798,2800,2802,2804,2806,2809],{"class":724,"line":8},[722,2791,728],{"class":727},[722,2793,1188],{"class":731},[722,2795,1628],{"class":727},[722,2797,702],{"class":735},[722,2799,742],{"class":727},[722,2801,982],{"class":745},[722,2803,1060],{"class":727},[722,2805,982],{"class":745},[722,2807,2808],{"class":735}," column-toggle",[722,2810,749],{"class":727},[722,2812,2813,2815,2817,2819,2821,2823,2825,2827,2829],{"class":724,"line":752},[722,2814,971],{"class":727},[722,2816,1112],{"class":731},[722,2818,1115],{"class":735},[722,2820,742],{"class":727},[722,2822,1120],{"class":745},[722,2824,1123],{"class":735},[722,2826,742],{"class":727},[722,2828,1128],{"class":745},[722,2830,998],{"class":727},[722,2832,2833,2835,2837,2839,2841,2843,2845,2847,2849],{"class":724,"line":798},[722,2834,971],{"class":727},[722,2836,1112],{"class":731},[722,2838,1115],{"class":735},[722,2840,742],{"class":727},[722,2842,1149],{"class":745},[722,2844,1123],{"class":735},[722,2846,742],{"class":727},[722,2848,1156],{"class":745},[722,2850,998],{"class":727},[722,2852,2853,2855,2857,2859,2861,2863,2865,2867,2869],{"class":724,"line":804},[722,2854,971],{"class":727},[722,2856,1112],{"class":731},[722,2858,1115],{"class":735},[722,2860,742],{"class":727},[722,2862,1171],{"class":745},[722,2864,1123],{"class":735},[722,2866,742],{"class":727},[722,2868,1178],{"class":745},[722,2870,998],{"class":727},[722,2872,2873,2875,2877],{"class":724,"line":827},[722,2874,947],{"class":727},[722,2876,1188],{"class":731},[722,2878,749],{"class":727},[696,2880,2881,2882,2885],{},"Bind ",[700,2883,2884],{},"v-model:column-visibility"," if you need to read or control which\ncolumns are shown yourself (e.g. to persist the choice).",[1594,2887,2889],{"id":2888},"frozen-columns","Frozen columns",[696,2891,2892,2893,2896,2897,2900,2901,2904,2905,2908],{},"Give a column ",[700,2894,2895],{},"pinned=\"left\""," or ",[700,2898,2899],{},"pinned=\"right\""," to keep it fixed at that\nedge during horizontal scroll - pair it with ",[700,2902,2903],{},"scroll-height"," (below) and\nenough columns (or a ",[700,2906,2907],{},"ui.table"," min-width override) that the table actually\nneeds to scroll:",[709,2910],{"name":2911},"table-pinned",[713,2913,2915],{"className":1250,"code":2914,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"employees\" scroll-height=\"16rem\" :ui=\"{ table: 'min-w-[960px]' }\">\n  \u003CSColumn field=\"name\" header=\"Name\" pinned=\"left\" \u002F>\n  \u003CSColumn field=\"department\" header=\"Department\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"phone\" header=\"Phone\" \u002F>\n  \u003CSColumn field=\"city\" header=\"City\" \u002F>\n  \u003CSColumn field=\"startDate\" header=\"Start date\" \u002F>\n  \u003CSColumn field=\"actions\" header=\"Actions\" sortable=\"false\" pinned=\"right\">\n    \u003Ctemplate #default>\n      \u003CSButton variant=\"outline\" size=\"sm\">Edit\u003C\u002FSButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSColumn>\n\u003C\u002FSTable>\n",[700,2916,2917,2965,2993,3013,3033,3053,3075,3095,3117,3153,3165,3195,3203,3211],{"__ignoreMap":718},[722,2918,2919,2921,2923,2925,2927,2929,2931,2933,2935,2938,2940,2943,2945,2948,2950,2952,2955,2958,2961,2963],{"class":724,"line":8},[722,2920,728],{"class":727},[722,2922,1188],{"class":731},[722,2924,1628],{"class":727},[722,2926,702],{"class":735},[722,2928,742],{"class":727},[722,2930,982],{"class":745},[722,2932,1637],{"class":727},[722,2934,982],{"class":745},[722,2936,2937],{"class":735}," scroll-height",[722,2939,742],{"class":727},[722,2941,2942],{"class":745},"\"16rem\"",[722,2944,1628],{"class":727},[722,2946,2947],{"class":735},"ui",[722,2949,742],{"class":727},[722,2951,982],{"class":745},[722,2953,2954],{"class":727},"{ table: ",[722,2956,2957],{"class":745},"'min-w-[960px]'",[722,2959,2960],{"class":727}," }",[722,2962,982],{"class":745},[722,2964,749],{"class":727},[722,2966,2967,2969,2971,2973,2975,2977,2979,2981,2983,2986,2988,2991],{"class":724,"line":752},[722,2968,971],{"class":727},[722,2970,1112],{"class":731},[722,2972,1115],{"class":735},[722,2974,742],{"class":727},[722,2976,1120],{"class":745},[722,2978,1123],{"class":735},[722,2980,742],{"class":727},[722,2982,1128],{"class":745},[722,2984,2985],{"class":735}," pinned",[722,2987,742],{"class":727},[722,2989,2990],{"class":745},"\"left\"",[722,2992,998],{"class":727},[722,2994,2995,2997,2999,3001,3003,3005,3007,3009,3011],{"class":724,"line":798},[722,2996,971],{"class":727},[722,2998,1112],{"class":731},[722,3000,1115],{"class":735},[722,3002,742],{"class":727},[722,3004,1734],{"class":745},[722,3006,1123],{"class":735},[722,3008,742],{"class":727},[722,3010,1741],{"class":745},[722,3012,998],{"class":727},[722,3014,3015,3017,3019,3021,3023,3025,3027,3029,3031],{"class":724,"line":804},[722,3016,971],{"class":727},[722,3018,1112],{"class":731},[722,3020,1115],{"class":735},[722,3022,742],{"class":727},[722,3024,1171],{"class":745},[722,3026,1123],{"class":735},[722,3028,742],{"class":727},[722,3030,1178],{"class":745},[722,3032,998],{"class":727},[722,3034,3035,3037,3039,3041,3043,3045,3047,3049,3051],{"class":724,"line":827},[722,3036,971],{"class":727},[722,3038,1112],{"class":731},[722,3040,1115],{"class":735},[722,3042,742],{"class":727},[722,3044,1149],{"class":745},[722,3046,1123],{"class":735},[722,3048,742],{"class":727},[722,3050,1156],{"class":745},[722,3052,998],{"class":727},[722,3054,3055,3057,3059,3061,3063,3066,3068,3070,3073],{"class":724,"line":851},[722,3056,971],{"class":727},[722,3058,1112],{"class":731},[722,3060,1115],{"class":735},[722,3062,742],{"class":727},[722,3064,3065],{"class":745},"\"phone\"",[722,3067,1123],{"class":735},[722,3069,742],{"class":727},[722,3071,3072],{"class":745},"\"Phone\"",[722,3074,998],{"class":727},[722,3076,3077,3079,3081,3083,3085,3087,3089,3091,3093],{"class":724,"line":871},[722,3078,971],{"class":727},[722,3080,1112],{"class":731},[722,3082,1115],{"class":735},[722,3084,742],{"class":727},[722,3086,1712],{"class":745},[722,3088,1123],{"class":735},[722,3090,742],{"class":727},[722,3092,1719],{"class":745},[722,3094,998],{"class":727},[722,3096,3097,3099,3101,3103,3105,3108,3110,3112,3115],{"class":724,"line":877},[722,3098,971],{"class":727},[722,3100,1112],{"class":731},[722,3102,1115],{"class":735},[722,3104,742],{"class":727},[722,3106,3107],{"class":745},"\"startDate\"",[722,3109,1123],{"class":735},[722,3111,742],{"class":727},[722,3113,3114],{"class":745},"\"Start date\"",[722,3116,998],{"class":727},[722,3118,3119,3121,3123,3125,3127,3130,3132,3134,3137,3139,3141,3144,3146,3148,3151],{"class":724,"line":882},[722,3120,971],{"class":727},[722,3122,1112],{"class":731},[722,3124,1115],{"class":735},[722,3126,742],{"class":727},[722,3128,3129],{"class":745},"\"actions\"",[722,3131,1123],{"class":735},[722,3133,742],{"class":727},[722,3135,3136],{"class":745},"\"Actions\"",[722,3138,1134],{"class":735},[722,3140,742],{"class":727},[722,3142,3143],{"class":745},"\"false\"",[722,3145,2985],{"class":735},[722,3147,742],{"class":727},[722,3149,3150],{"class":745},"\"right\"",[722,3152,749],{"class":727},[722,3154,3155,3157,3159,3161,3163],{"class":724,"line":13},[722,3156,1109],{"class":727},[722,3158,964],{"class":731},[722,3160,1953],{"class":727},[722,3162,1956],{"class":735},[722,3164,749],{"class":727},[722,3166,3167,3169,3172,3175,3177,3180,3183,3185,3188,3191,3193],{"class":724,"line":151},[722,3168,2088],{"class":727},[722,3170,3171],{"class":731},"SButton",[722,3173,3174],{"class":735}," variant",[722,3176,742],{"class":727},[722,3178,3179],{"class":745},"\"outline\"",[722,3181,3182],{"class":735}," size",[722,3184,742],{"class":727},[722,3186,3187],{"class":745},"\"sm\"",[722,3189,3190],{"class":727},">Edit\u003C\u002F",[722,3192,3171],{"class":731},[722,3194,749],{"class":727},[722,3196,3197,3199,3201],{"class":724,"line":170},[722,3198,2140],{"class":727},[722,3200,964],{"class":731},[722,3202,749],{"class":727},[722,3204,3205,3207,3209],{"class":724,"line":954},[722,3206,1185],{"class":727},[722,3208,1112],{"class":731},[722,3210,749],{"class":727},[722,3212,3213,3215,3217],{"class":724,"line":959},[722,3214,947],{"class":727},[722,3216,1188],{"class":731},[722,3218,749],{"class":727},[696,3220,3221],{},"Sticky offsets are measured from each header's real rendered width after\nmount and whenever the column list or visibility changes - not on every\npossible layout shift (a later web-font load, a window resize), which is a\ndeliberate scope cut for this pass.",[1594,3223,1787],{"id":3224},"virtual-scroll",[696,3226,3227,3229,3230,3232],{},[700,3228,2903],{}," caps the table at a fixed CSS height with a sticky header and\nvertical scroll. Add ",[700,3231,1782],{}," to only render the rows currently in view,\nfor datasets too large to put in the DOM all at once:",[709,3234],{"name":3235},"table-virtualized",[713,3237,3239],{"className":1250,"code":3238,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"tenThousandRows\" scroll-height=\"16rem\" virtualize>\n  \u003CSColumn field=\"id\" header=\"ID\" \u002F>\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n\u003C\u002FSTable>\n",[700,3240,3241,3271,3292,3312],{"__ignoreMap":718},[722,3242,3243,3245,3247,3249,3251,3253,3255,3258,3260,3262,3264,3266,3269],{"class":724,"line":8},[722,3244,728],{"class":727},[722,3246,1188],{"class":731},[722,3248,1628],{"class":727},[722,3250,702],{"class":735},[722,3252,742],{"class":727},[722,3254,982],{"class":745},[722,3256,3257],{"class":727},"tenThousandRows",[722,3259,982],{"class":745},[722,3261,2937],{"class":735},[722,3263,742],{"class":727},[722,3265,2942],{"class":745},[722,3267,3268],{"class":735}," virtualize",[722,3270,749],{"class":727},[722,3272,3273,3275,3277,3279,3281,3283,3285,3287,3290],{"class":724,"line":752},[722,3274,971],{"class":727},[722,3276,1112],{"class":731},[722,3278,1115],{"class":735},[722,3280,742],{"class":727},[722,3282,2226],{"class":745},[722,3284,1123],{"class":735},[722,3286,742],{"class":727},[722,3288,3289],{"class":745},"\"ID\"",[722,3291,998],{"class":727},[722,3293,3294,3296,3298,3300,3302,3304,3306,3308,3310],{"class":724,"line":798},[722,3295,971],{"class":727},[722,3297,1112],{"class":731},[722,3299,1115],{"class":735},[722,3301,742],{"class":727},[722,3303,1120],{"class":745},[722,3305,1123],{"class":735},[722,3307,742],{"class":727},[722,3309,1128],{"class":745},[722,3311,998],{"class":727},[722,3313,3314,3316,3318],{"class":724,"line":804},[722,3315,947],{"class":727},[722,3317,1188],{"class":731},[722,3319,749],{"class":727},[696,3321,3322,3323,3326,3327,6,3330,769],{},"Pass an object instead of ",[700,3324,3325],{},"true"," to tune ",[700,3328,3329],{},"estimateSize",[700,3331,3332],{},"overscan",[713,3334,3336],{"className":1250,"code":3335,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"rows\" scroll-height=\"16rem\" :virtualize=\"{ estimateSize: 48, overscan: 12 }\" \u002F>\n",[700,3337,3338],{"__ignoreMap":718},[722,3339,3340,3342,3344,3346,3348,3350,3352,3355,3357,3359,3361,3363,3365,3367,3369,3371,3374,3377,3380,3383,3385,3387],{"class":724,"line":8},[722,3341,728],{"class":727},[722,3343,1188],{"class":731},[722,3345,1628],{"class":727},[722,3347,702],{"class":735},[722,3349,742],{"class":727},[722,3351,982],{"class":745},[722,3353,3354],{"class":727},"rows",[722,3356,982],{"class":745},[722,3358,2937],{"class":735},[722,3360,742],{"class":727},[722,3362,2942],{"class":745},[722,3364,1628],{"class":727},[722,3366,1782],{"class":735},[722,3368,742],{"class":727},[722,3370,982],{"class":745},[722,3372,3373],{"class":727},"{ estimateSize: ",[722,3375,3376],{"class":772},"48",[722,3378,3379],{"class":727},", overscan: ",[722,3381,3382],{"class":772},"12",[722,3384,2960],{"class":727},[722,3386,982],{"class":745},[722,3388,998],{"class":727},[696,3390,3391,3392,3394,3395,3397,3398,1228],{},"Omit either field (or pass ",[700,3393,1782],{}," as plain ",[700,3396,3325],{},") and it defaults to\n",[700,3399,3400],{},"estimateSize: 40, overscan: 8",[696,3402,3403,3404,3406,3407,3409],{},"Virtualizing replaces pagination as the strategy for a large dataset - while\n",[700,3405,1782],{}," is set, ",[700,3408,1090],{}," has no effect and the pagination controls\ndon't render.",[1594,3411,3413],{"id":3412},"sizes-grid-lines-striped-rows","Sizes, grid lines & striped rows",[696,3415,3416,926,3418,3421,3422,3421,3425,3428,3429,3432,3433,3436],{},[700,3417,1774],{},[700,3419,3420],{},"sm"," \u002F ",[700,3423,3424],{},"md",[700,3426,3427],{},"lg",") controls cell padding and text size. ",[700,3430,3431],{},"gridlines","\nadds borders around every cell instead of just row dividers, and ",[700,3434,3435],{},"striped","\nalternates row backgrounds:",[709,3438],{"name":3439},"table-styling",[696,3441,3442,3443,3446,3447,3421,3450,3453],{},"Gridline tables keep one rounded outer frame around the scroll viewport, with\nlines between columns and rows. The same frame remains around empty and loading\nstates; no extra table border is added. Use ",[700,3444,3445],{},"ui.wrapper"," to customize the frame\nand ",[700,3448,3449],{},"ui.th",[700,3451,3452],{},"ui.td"," for cell lines.",[713,3455,3457],{"className":1250,"code":3456,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"users\" gridlines striped size=\"sm\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003CSColumn field=\"role\" header=\"Role\" \u002F>\n\u003C\u002FSTable>\n",[700,3458,3459,3491,3511,3531,3551],{"__ignoreMap":718},[722,3460,3461,3463,3465,3467,3469,3471,3473,3475,3477,3480,3483,3485,3487,3489],{"class":724,"line":8},[722,3462,728],{"class":727},[722,3464,1188],{"class":731},[722,3466,1628],{"class":727},[722,3468,702],{"class":735},[722,3470,742],{"class":727},[722,3472,982],{"class":745},[722,3474,1060],{"class":727},[722,3476,982],{"class":745},[722,3478,3479],{"class":735}," gridlines",[722,3481,3482],{"class":735}," striped",[722,3484,3182],{"class":735},[722,3486,742],{"class":727},[722,3488,3187],{"class":745},[722,3490,749],{"class":727},[722,3492,3493,3495,3497,3499,3501,3503,3505,3507,3509],{"class":724,"line":752},[722,3494,971],{"class":727},[722,3496,1112],{"class":731},[722,3498,1115],{"class":735},[722,3500,742],{"class":727},[722,3502,1120],{"class":745},[722,3504,1123],{"class":735},[722,3506,742],{"class":727},[722,3508,1128],{"class":745},[722,3510,998],{"class":727},[722,3512,3513,3515,3517,3519,3521,3523,3525,3527,3529],{"class":724,"line":798},[722,3514,971],{"class":727},[722,3516,1112],{"class":731},[722,3518,1115],{"class":735},[722,3520,742],{"class":727},[722,3522,1149],{"class":745},[722,3524,1123],{"class":735},[722,3526,742],{"class":727},[722,3528,1156],{"class":745},[722,3530,998],{"class":727},[722,3532,3533,3535,3537,3539,3541,3543,3545,3547,3549],{"class":724,"line":804},[722,3534,971],{"class":727},[722,3536,1112],{"class":731},[722,3538,1115],{"class":735},[722,3540,742],{"class":727},[722,3542,1171],{"class":745},[722,3544,1123],{"class":735},[722,3546,742],{"class":727},[722,3548,1178],{"class":745},[722,3550,998],{"class":727},[722,3552,3553,3555,3557],{"class":724,"line":827},[722,3554,947],{"class":727},[722,3556,1188],{"class":731},[722,3558,749],{"class":727},[1594,3560,3562],{"id":3561},"loading","Loading",[696,3564,3565,3567],{},[700,3566,3561],{}," overlays the table with a spinner while keeping the existing rows\nvisible underneath, rather than swapping to an empty state:",[709,3569],{"name":3570},"table-loading",[713,3572,3574],{"className":1250,"code":3573,"language":1252,"meta":718,"style":718},"\u003CSTable :data=\"users\" :loading=\"loading\">\n  \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n  \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n\u003C\u002FSTable>\n",[700,3575,3576,3608,3628,3648],{"__ignoreMap":718},[722,3577,3578,3580,3582,3584,3586,3588,3590,3592,3594,3596,3598,3600,3602,3604,3606],{"class":724,"line":8},[722,3579,728],{"class":727},[722,3581,1188],{"class":731},[722,3583,1628],{"class":727},[722,3585,702],{"class":735},[722,3587,742],{"class":727},[722,3589,982],{"class":745},[722,3591,1060],{"class":727},[722,3593,982],{"class":745},[722,3595,1628],{"class":727},[722,3597,3561],{"class":735},[722,3599,742],{"class":727},[722,3601,982],{"class":745},[722,3603,3561],{"class":727},[722,3605,982],{"class":745},[722,3607,749],{"class":727},[722,3609,3610,3612,3614,3616,3618,3620,3622,3624,3626],{"class":724,"line":752},[722,3611,971],{"class":727},[722,3613,1112],{"class":731},[722,3615,1115],{"class":735},[722,3617,742],{"class":727},[722,3619,1120],{"class":745},[722,3621,1123],{"class":735},[722,3623,742],{"class":727},[722,3625,1128],{"class":745},[722,3627,998],{"class":727},[722,3629,3630,3632,3634,3636,3638,3640,3642,3644,3646],{"class":724,"line":798},[722,3631,971],{"class":727},[722,3633,1112],{"class":731},[722,3635,1115],{"class":735},[722,3637,742],{"class":727},[722,3639,1149],{"class":745},[722,3641,1123],{"class":735},[722,3643,742],{"class":727},[722,3645,1156],{"class":745},[722,3647,998],{"class":727},[722,3649,3650,3652,3654],{"class":724,"line":804},[722,3651,947],{"class":727},[722,3653,1188],{"class":731},[722,3655,749],{"class":727},[1594,3657,3659],{"id":3658},"export","Export",[696,3661,3662,3664,3665,3668],{},[700,3663,1188],{}," exposes an ",[700,3666,3667],{},"exportCsv(filename?)"," method via a template ref - it\ndownloads every row matching the current filters\u002Fsort across all pages (not\njust the current page), skipping any synthetic selection\u002Fexpand column:",[709,3670],{"name":3671},"table-export",[713,3673,3675],{"className":1250,"code":3674,"language":1252,"meta":718,"style":718},"\u003Cscript setup lang=\"ts\">\nconst tableRef = ref()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton @click=\"tableRef.exportCsv('users.csv')\">\n    Export CSV\n  \u003C\u002FSButton>\n  \u003CSTable ref=\"tableRef\" :data=\"users\">\n    \u003CSColumn field=\"name\" header=\"Name\" \u002F>\n    \u003CSColumn field=\"email\" header=\"Email\" \u002F>\n  \u003C\u002FSTable>\n\u003C\u002Ftemplate>\n",[700,3676,3677,3693,3707,3715,3719,3727,3759,3764,3772,3799,3819,3839,3847],{"__ignoreMap":718},[722,3678,3679,3681,3683,3685,3687,3689,3691],{"class":724,"line":8},[722,3680,728],{"class":727},[722,3682,732],{"class":731},[722,3684,736],{"class":735},[722,3686,739],{"class":735},[722,3688,742],{"class":727},[722,3690,746],{"class":745},[722,3692,749],{"class":727},[722,3694,3695,3697,3700,3702,3704],{"class":724,"line":752},[722,3696,807],{"class":755},[722,3698,3699],{"class":772}," tableRef",[722,3701,813],{"class":755},[722,3703,816],{"class":735},[722,3705,3706],{"class":727},"()\n",[722,3708,3709,3711,3713],{"class":724,"line":798},[722,3710,947],{"class":727},[722,3712,732],{"class":731},[722,3714,749],{"class":727},[722,3716,3717],{"class":724,"line":804},[722,3718,801],{"emptyLinePlaceholder":686},[722,3720,3721,3723,3725],{"class":724,"line":827},[722,3722,728],{"class":727},[722,3724,964],{"class":731},[722,3726,749],{"class":727},[722,3728,3729,3731,3733,3735,3738,3740,3742,3745,3748,3750,3753,3755,3757],{"class":724,"line":851},[722,3730,971],{"class":727},[722,3732,3171],{"class":731},[722,3734,2518],{"class":727},[722,3736,3737],{"class":735},"click",[722,3739,742],{"class":727},[722,3741,982],{"class":745},[722,3743,3744],{"class":727},"tableRef.",[722,3746,3747],{"class":735},"exportCsv",[722,3749,908],{"class":727},[722,3751,3752],{"class":745},"'users.csv'",[722,3754,2556],{"class":727},[722,3756,982],{"class":745},[722,3758,749],{"class":727},[722,3760,3761],{"class":724,"line":871},[722,3762,3763],{"class":727},"    Export CSV\n",[722,3765,3766,3768,3770],{"class":724,"line":877},[722,3767,1185],{"class":727},[722,3769,3171],{"class":731},[722,3771,749],{"class":727},[722,3773,3774,3776,3778,3780,3782,3785,3787,3789,3791,3793,3795,3797],{"class":724,"line":882},[722,3775,971],{"class":727},[722,3777,1188],{"class":731},[722,3779,816],{"class":735},[722,3781,742],{"class":727},[722,3783,3784],{"class":745},"\"tableRef\"",[722,3786,1628],{"class":727},[722,3788,702],{"class":735},[722,3790,742],{"class":727},[722,3792,982],{"class":745},[722,3794,1060],{"class":727},[722,3796,982],{"class":745},[722,3798,749],{"class":727},[722,3800,3801,3803,3805,3807,3809,3811,3813,3815,3817],{"class":724,"line":13},[722,3802,1109],{"class":727},[722,3804,1112],{"class":731},[722,3806,1115],{"class":735},[722,3808,742],{"class":727},[722,3810,1120],{"class":745},[722,3812,1123],{"class":735},[722,3814,742],{"class":727},[722,3816,1128],{"class":745},[722,3818,998],{"class":727},[722,3820,3821,3823,3825,3827,3829,3831,3833,3835,3837],{"class":724,"line":151},[722,3822,1109],{"class":727},[722,3824,1112],{"class":731},[722,3826,1115],{"class":735},[722,3828,742],{"class":727},[722,3830,1149],{"class":745},[722,3832,1123],{"class":735},[722,3834,742],{"class":727},[722,3836,1156],{"class":745},[722,3838,998],{"class":727},[722,3840,3841,3843,3845],{"class":724,"line":170},[722,3842,1185],{"class":727},[722,3844,1188],{"class":731},[722,3846,749],{"class":727},[722,3848,3849,3851,3853],{"class":724,"line":954},[722,3850,947],{"class":727},[722,3852,964],{"class":731},[722,3854,749],{"class":727},[1594,3856,3858],{"id":3857},"server-side-manual-mode","Server-side \u002F manual mode",[696,3860,3861,3862,3864,3865,3867,3868,6,3871,6,3874,3877,3878,3880,3881,3883,3884,6,3886,6,3888,3891,3892,3895],{},"By default, ",[700,3863,1188],{}," sorts\u002Ffilters\u002Fpaginates ",[700,3866,702],{}," itself, locally, every\ntime. Set ",[700,3869,3870],{},"manual-sorting",[700,3872,3873],{},"manual-filtering",[700,3875,3876],{},"manual-pagination"," when\n",[700,3879,702],{}," is already sorted\u002Ffiltered\u002Fpaginated server-side instead - each one\nopts that specific concern out of the local row model (TanStack's term for\nthe actual list of rows it computes after applying sorting\u002Ffiltering\u002F\npagination), so ",[700,3882,1188],{}," doesn't redundantly (and incorrectly) reprocess a\nslice the server already handled. ",[700,3885,1888],{},[700,3887,1037],{},[700,3889,3890],{},"page-index"," still drive the UI and\nstill emit their own ",[700,3893,3894],{},"update:*"," events the normal way; only the local row\nmodel backing them changes.",[696,3897,3898,3900,3901,3903,3904,3907,3908,3910,3911,3914],{},[700,3899,3876],{}," also suppresses the built-in pagination UI entirely -\nthere's no way to derive a real page count from a server-paginated slice\nof ",[700,3902,702],{},", and guessing at one would be misleading. Bring your own\n",[1241,3905,3906],{"href":372},"SPagination"," instead, bound to\nwhatever your server actually returns, the same way this table already\nexpects you to bring your own search input for ",[700,3909,1037],{}," (see\n",[1241,3912,694],{"href":3913},"#usage"," above) rather than rendering one itself:",[713,3916,3918],{"className":1250,"code":3917,"language":1252,"meta":718,"style":718},"\u003Cscript setup lang=\"ts\">\nconst sorting = ref([])\nconst pageIndex = ref(0)\nconst total = ref(0)\nconst rows = ref([])\n\nwatch([sorting, pageIndex], async () => {\n  const result = await fetchUsers({ sorting: sorting.value, page: pageIndex.value })\n  rows.value = result.rows\n  total.value = result.total\n}, { immediate: true })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSTable\n    v-model:sorting=\"sorting\"\n    v-model:page-index=\"pageIndex\"\n    :data=\"rows\"\n    manual-sorting\n    manual-pagination\n  >\n    \u003CSColumn field=\"name\" header=\"Name\" sortable \u002F>\n    \u003CSColumn field=\"email\" header=\"Email\" sortable \u002F>\n  \u003C\u002FSTable>\n  \u003CSPagination\n    :page=\"pageIndex + 1\"\n    :total=\"total\"\n    :items-per-page=\"10\"\n    @update:page=\"(page) => pageIndex = page - 1\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[700,3919,3920,3936,3950,3968,3985,3998,4002,4021,4040,4050,4060,4070,4078,4082,4090,4096,4112,4129,4143,4148,4153,4157,4179,4201,4209,4216,4238,4253,4269,4308,4313],{"__ignoreMap":718},[722,3921,3922,3924,3926,3928,3930,3932,3934],{"class":724,"line":8},[722,3923,728],{"class":727},[722,3925,732],{"class":731},[722,3927,736],{"class":735},[722,3929,739],{"class":735},[722,3931,742],{"class":727},[722,3933,746],{"class":745},[722,3935,749],{"class":727},[722,3937,3938,3940,3943,3945,3947],{"class":724,"line":752},[722,3939,807],{"class":755},[722,3941,3942],{"class":772}," sorting",[722,3944,813],{"class":755},[722,3946,816],{"class":735},[722,3948,3949],{"class":727},"([])\n",[722,3951,3952,3954,3957,3959,3961,3963,3966],{"class":724,"line":798},[722,3953,807],{"class":755},[722,3955,3956],{"class":772}," pageIndex",[722,3958,813],{"class":755},[722,3960,816],{"class":735},[722,3962,908],{"class":727},[722,3964,3965],{"class":772},"0",[722,3967,914],{"class":727},[722,3969,3970,3972,3975,3977,3979,3981,3983],{"class":724,"line":804},[722,3971,807],{"class":755},[722,3973,3974],{"class":772}," total",[722,3976,813],{"class":755},[722,3978,816],{"class":735},[722,3980,908],{"class":727},[722,3982,3965],{"class":772},[722,3984,914],{"class":727},[722,3986,3987,3989,3992,3994,3996],{"class":724,"line":827},[722,3988,807],{"class":755},[722,3990,3991],{"class":772}," rows",[722,3993,813],{"class":755},[722,3995,816],{"class":735},[722,3997,3949],{"class":727},[722,3999,4000],{"class":724,"line":851},[722,4001,801],{"emptyLinePlaceholder":686},[722,4003,4004,4007,4010,4013,4016,4018],{"class":724,"line":871},[722,4005,4006],{"class":735},"watch",[722,4008,4009],{"class":727},"([sorting, pageIndex], ",[722,4011,4012],{"class":755},"async",[722,4014,4015],{"class":727}," () ",[722,4017,939],{"class":755},[722,4019,4020],{"class":727}," {\n",[722,4022,4023,4026,4029,4031,4034,4037],{"class":724,"line":877},[722,4024,4025],{"class":755},"  const",[722,4027,4028],{"class":772}," result",[722,4030,813],{"class":755},[722,4032,4033],{"class":755}," await",[722,4035,4036],{"class":735}," fetchUsers",[722,4038,4039],{"class":727},"({ sorting: sorting.value, page: pageIndex.value })\n",[722,4041,4042,4045,4047],{"class":724,"line":882},[722,4043,4044],{"class":727},"  rows.value ",[722,4046,742],{"class":755},[722,4048,4049],{"class":727}," result.rows\n",[722,4051,4052,4055,4057],{"class":724,"line":13},[722,4053,4054],{"class":727},"  total.value ",[722,4056,742],{"class":755},[722,4058,4059],{"class":727}," result.total\n",[722,4061,4062,4065,4067],{"class":724,"line":151},[722,4063,4064],{"class":727},"}, { immediate: ",[722,4066,3325],{"class":772},[722,4068,4069],{"class":727}," })\n",[722,4071,4072,4074,4076],{"class":724,"line":170},[722,4073,947],{"class":727},[722,4075,732],{"class":731},[722,4077,749],{"class":727},[722,4079,4080],{"class":724,"line":954},[722,4081,801],{"emptyLinePlaceholder":686},[722,4083,4084,4086,4088],{"class":724,"line":959},[722,4085,728],{"class":727},[722,4087,964],{"class":731},[722,4089,749],{"class":727},[722,4091,4092,4094],{"class":724,"line":648},[722,4093,971],{"class":727},[722,4095,1006],{"class":731},[722,4097,4098,4100,4102,4104,4106,4108,4110],{"class":724,"line":1001},[722,4099,1012],{"class":735},[722,4101,769],{"class":727},[722,4103,1888],{"class":735},[722,4105,742],{"class":727},[722,4107,982],{"class":745},[722,4109,1888],{"class":727},[722,4111,1027],{"class":745},[722,4113,4114,4116,4118,4120,4122,4124,4127],{"class":724,"line":1009},[722,4115,1012],{"class":735},[722,4117,769],{"class":727},[722,4119,3890],{"class":735},[722,4121,742],{"class":727},[722,4123,982],{"class":745},[722,4125,4126],{"class":727},"pageIndex",[722,4128,1027],{"class":745},[722,4130,4131,4133,4135,4137,4139,4141],{"class":724,"line":1030},[722,4132,1051],{"class":727},[722,4134,702],{"class":735},[722,4136,742],{"class":727},[722,4138,982],{"class":745},[722,4140,3354],{"class":727},[722,4142,1027],{"class":745},[722,4144,4145],{"class":724,"line":1048},[722,4146,4147],{"class":735},"    manual-sorting\n",[722,4149,4150],{"class":724,"line":30},[722,4151,4152],{"class":735},"    manual-pagination\n",[722,4154,4155],{"class":724,"line":247},[722,4156,1104],{"class":727},[722,4158,4159,4161,4163,4165,4167,4169,4171,4173,4175,4177],{"class":724,"line":257},[722,4160,1109],{"class":727},[722,4162,1112],{"class":731},[722,4164,1115],{"class":735},[722,4166,742],{"class":727},[722,4168,1120],{"class":745},[722,4170,1123],{"class":735},[722,4172,742],{"class":727},[722,4174,1128],{"class":745},[722,4176,1134],{"class":735},[722,4178,998],{"class":727},[722,4180,4181,4183,4185,4187,4189,4191,4193,4195,4197,4199],{"class":724,"line":272},[722,4182,1109],{"class":727},[722,4184,1112],{"class":731},[722,4186,1115],{"class":735},[722,4188,742],{"class":727},[722,4190,1149],{"class":745},[722,4192,1123],{"class":735},[722,4194,742],{"class":727},[722,4196,1156],{"class":745},[722,4198,1134],{"class":735},[722,4200,998],{"class":727},[722,4202,4203,4205,4207],{"class":724,"line":287},[722,4204,1185],{"class":727},[722,4206,1188],{"class":731},[722,4208,749],{"class":727},[722,4210,4211,4213],{"class":724,"line":292},[722,4212,971],{"class":727},[722,4214,4215],{"class":731},"SPagination\n",[722,4217,4218,4220,4223,4225,4227,4230,4233,4236],{"class":724,"line":302},[722,4219,1051],{"class":727},[722,4221,4222],{"class":735},"page",[722,4224,742],{"class":727},[722,4226,982],{"class":745},[722,4228,4229],{"class":727},"pageIndex ",[722,4231,4232],{"class":755},"+",[722,4234,4235],{"class":772}," 1",[722,4237,1027],{"class":745},[722,4239,4240,4242,4245,4247,4249,4251],{"class":724,"line":307},[722,4241,1051],{"class":727},[722,4243,4244],{"class":735},"total",[722,4246,742],{"class":727},[722,4248,982],{"class":745},[722,4250,4244],{"class":727},[722,4252,1027],{"class":745},[722,4254,4255,4257,4260,4262,4264,4267],{"class":724,"line":312},[722,4256,1051],{"class":727},[722,4258,4259],{"class":735},"items-per-page",[722,4261,742],{"class":727},[722,4263,982],{"class":745},[722,4265,4266],{"class":772},"10",[722,4268,1027],{"class":745},[722,4270,4271,4274,4277,4279,4281,4283,4285,4287,4289,4291,4293,4296,4298,4301,4304,4306],{"class":724,"line":326},[722,4272,4273],{"class":727},"    @",[722,4275,4276],{"class":735},"update",[722,4278,769],{"class":727},[722,4280,4222],{"class":735},[722,4282,742],{"class":727},[722,4284,982],{"class":745},[722,4286,908],{"class":727},[722,4288,4222],{"class":765},[722,4290,936],{"class":727},[722,4292,939],{"class":755},[722,4294,4295],{"class":727}," pageIndex ",[722,4297,742],{"class":755},[722,4299,4300],{"class":727}," page ",[722,4302,4303],{"class":755},"-",[722,4305,4235],{"class":772},[722,4307,1027],{"class":745},[722,4309,4310],{"class":724,"line":35},[722,4311,4312],{"class":727},"  \u002F>\n",[722,4314,4315,4317,4319],{"class":724,"line":335},[722,4316,947],{"class":727},[722,4318,964],{"class":731},[722,4320,749],{"class":727},[1594,4322,4324],{"id":4323},"escape-hatch-raw-column-defs","Escape hatch: raw column defs",[696,4326,4327,4328,4330,4331,4334,4335,4337,4338,4341,4342,4344,4345,4347,4348,4351,4352,4355,4356,769],{},"For full TanStack type inference (or features ",[700,4329,706],{}," doesn't expose),\npass a ",[700,4332,4333],{},"columns"," prop instead of ",[700,4336,706],{}," children. Raw column definitions\nalso start non-sortable; set ",[700,4339,4340],{},"enableSorting: true"," on columns that should sort.\n",[700,4343,1188],{}," infers its row type from ",[700,4346,702],{},", and ",[700,4349,4350],{},"TableColumnDef\u003CTData>"," checks\naccessor keys and render contexts against that same type.\n",[700,4353,4354],{},"createTableColumnHelper\u003CTData>()"," is\nauto-imported by the Nuxt module and binds TanStack v9's feature generic to the\nfixed feature set used by ",[700,4357,1188],{},[713,4359,4361],{"className":715,"code":4360,"language":717,"meta":718,"style":718},"\u003Cscript setup lang=\"ts\">\ninterface User { id: string, name: string, age: number }\n\nconst column = createTableColumnHelper\u003CUser>()\nconst columns = column.columns([\n  column.accessor('name', { header: 'Name', enableSorting: true }),\n  column.accessor('age', {\n    header: 'Age',\n    enableSorting: true,\n    cell: context => context.getValue().toFixed(0),\n  }),\n])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSTable :data=\"users\" :columns=\"columns\" \u002F>\n\u003C\u002Ftemplate>\n",[700,4362,4363,4379,4413,4417,4436,4453,4479,4493,4504,4513,4545,4550,4554,4562,4566,4574,4606],{"__ignoreMap":718},[722,4364,4365,4367,4369,4371,4373,4375,4377],{"class":724,"line":8},[722,4366,728],{"class":727},[722,4368,732],{"class":731},[722,4370,736],{"class":735},[722,4372,739],{"class":735},[722,4374,742],{"class":727},[722,4376,746],{"class":745},[722,4378,749],{"class":727},[722,4380,4381,4383,4385,4387,4389,4391,4393,4395,4397,4399,4401,4403,4406,4408,4411],{"class":724,"line":752},[722,4382,756],{"class":755},[722,4384,759],{"class":735},[722,4386,762],{"class":727},[722,4388,2550],{"class":765},[722,4390,769],{"class":755},[722,4392,773],{"class":772},[722,4394,776],{"class":727},[722,4396,766],{"class":765},[722,4398,769],{"class":755},[722,4400,773],{"class":772},[722,4402,776],{"class":727},[722,4404,4405],{"class":765},"age",[722,4407,769],{"class":755},[722,4409,4410],{"class":772}," number",[722,4412,795],{"class":727},[722,4414,4415],{"class":724,"line":798},[722,4416,801],{"emptyLinePlaceholder":686},[722,4418,4419,4421,4424,4426,4429,4431,4433],{"class":724,"line":804},[722,4420,807],{"class":755},[722,4422,4423],{"class":772}," column",[722,4425,813],{"class":755},[722,4427,4428],{"class":735}," createTableColumnHelper",[722,4430,728],{"class":727},[722,4432,821],{"class":735},[722,4434,4435],{"class":727},">()\n",[722,4437,4438,4440,4443,4445,4448,4450],{"class":724,"line":827},[722,4439,807],{"class":755},[722,4441,4442],{"class":772}," columns",[722,4444,813],{"class":755},[722,4446,4447],{"class":727}," column.",[722,4449,4333],{"class":735},[722,4451,4452],{"class":727},"([\n",[722,4454,4455,4458,4461,4463,4465,4468,4471,4474,4476],{"class":724,"line":851},[722,4456,4457],{"class":727},"  column.",[722,4459,4460],{"class":735},"accessor",[722,4462,908],{"class":727},[722,4464,1839],{"class":745},[722,4466,4467],{"class":727},", { header: ",[722,4469,4470],{"class":745},"'Name'",[722,4472,4473],{"class":727},", enableSorting: ",[722,4475,3325],{"class":772},[722,4477,4478],{"class":727}," }),\n",[722,4480,4481,4483,4485,4487,4490],{"class":724,"line":871},[722,4482,4457],{"class":727},[722,4484,4460],{"class":735},[722,4486,908],{"class":727},[722,4488,4489],{"class":745},"'age'",[722,4491,4492],{"class":727},", {\n",[722,4494,4495,4498,4501],{"class":724,"line":877},[722,4496,4497],{"class":727},"    header: ",[722,4499,4500],{"class":745},"'Age'",[722,4502,4503],{"class":727},",\n",[722,4505,4506,4509,4511],{"class":724,"line":882},[722,4507,4508],{"class":727},"    enableSorting: ",[722,4510,3325],{"class":772},[722,4512,4503],{"class":727},[722,4514,4515,4518,4521,4524,4526,4529,4532,4535,4538,4540,4542],{"class":724,"line":13},[722,4516,4517],{"class":735},"    cell",[722,4519,4520],{"class":727},": ",[722,4522,4523],{"class":765},"context",[722,4525,1295],{"class":755},[722,4527,4528],{"class":727}," context.",[722,4530,4531],{"class":735},"getValue",[722,4533,4534],{"class":727},"().",[722,4536,4537],{"class":735},"toFixed",[722,4539,908],{"class":727},[722,4541,3965],{"class":772},[722,4543,4544],{"class":727},"),\n",[722,4546,4547],{"class":724,"line":151},[722,4548,4549],{"class":727},"  }),\n",[722,4551,4552],{"class":724,"line":170},[722,4553,874],{"class":727},[722,4555,4556,4558,4560],{"class":724,"line":954},[722,4557,947],{"class":727},[722,4559,732],{"class":731},[722,4561,749],{"class":727},[722,4563,4564],{"class":724,"line":959},[722,4565,801],{"emptyLinePlaceholder":686},[722,4567,4568,4570,4572],{"class":724,"line":648},[722,4569,728],{"class":727},[722,4571,964],{"class":731},[722,4573,749],{"class":727},[722,4575,4576,4578,4580,4582,4584,4586,4588,4590,4592,4594,4596,4598,4600,4602,4604],{"class":724,"line":1001},[722,4577,971],{"class":727},[722,4579,1188],{"class":731},[722,4581,1628],{"class":727},[722,4583,702],{"class":735},[722,4585,742],{"class":727},[722,4587,982],{"class":745},[722,4589,1060],{"class":727},[722,4591,982],{"class":745},[722,4593,1628],{"class":727},[722,4595,4333],{"class":735},[722,4597,742],{"class":727},[722,4599,982],{"class":745},[722,4601,4333],{"class":727},[722,4603,982],{"class":745},[722,4605,998],{"class":727},[722,4607,4608,4610,4612],{"class":724,"line":1009},[722,4609,947],{"class":727},[722,4611,964],{"class":731},[722,4613,749],{"class":727},[691,4615,4617],{"id":4616},"known-limitation","Known limitation",[696,4619,4620,1894,4622,4625,4626,4629,4630,4633,4634,4636,4637,4639,4640,4642,4643,4645,4646,4648],{},[700,4621,706],{},[700,4623,4624],{},"field"," prop remains a plain ",[700,4627,4628],{},"string",", rather than ",[700,4631,4632],{},"keyof TData"," -\nthis is a genuine Vue limitation (a parent's generic type parameter doesn't\npropagate into child components referenced in its template), not something\nunique to ",[700,4635,1188],{}," - any declarative-column-as-children table API in Vue has\nthe identical gap. As a cheap safety net, ",[700,4638,1188],{}," warns in dev mode (not\nproduction) if a column's ",[700,4641,4624],{}," doesn't exist as a key on the first row of\n",[700,4644,702],{}," - catching typos without any type-system gymnastics. For actual\ncompile-time safety, use the ",[700,4647,4333],{}," escape hatch above instead.",[696,4650,4651,4652,776,4654,776,4657,4503,4660,4663,4664,4666,4667,1228],{},"The table component itself is generic. Its ",[700,4653,4333],{},[700,4655,4656],{},"getRowId",[700,4658,4659],{},"rowClass",[700,4661,4662],{},"rowStyle",", row events, and ",[700,4665,2176],{}," slot all share the row type inferred\nfrom ",[700,4668,702],{},[1594,4670,62],{"id":4671},"accessibility",[696,4673,4674,4675,6,4677,4679,4680,4683,4684,4687,4688,4691,4692,4695,4696,4698],{},"Sortable headers are keyboard-operable (",[1210,4676,1212],{},[1210,4678,1215],{},"\ntoggle the sort, same as a click) and expose ",[700,4681,4682],{},"aria-sort"," reflecting the\ncurrent state. The row-expansion toggle is a real ",[700,4685,4686],{},"\u003Cbutton>"," with an\n",[700,4689,4690],{},"aria-label"," of \"Expand row\"\u002F\"Collapse row\" that updates with its state.\nEach filterable column has a labeled filter button that opens its text filter\nin a popover; its Clear action resets that column's filter.\nColumn-visibility checkboxes are standard ",[700,4693,4694],{},"SCheckbox"," elements, and\npagination is a nested ",[1241,4697,3906],{"href":372},", so\nboth inherit those components' own accessibility behavior rather than\nreimplementing it here.",[691,4700,4702,4703],{"id":4701},"custom-ui","Custom ",[700,4704,4705],{},":ui",[696,4707,4708,6,4710,4712,4713,4716,4717,4719,4720,4722],{},[700,4709,1112],{},[700,4711,1668],{}," render no DOM of their own (see\n",[1241,4714,4324],{"href":4715},"#escape-hatch-raw-column-defs"," above) and\nhave no theme file - every visual slot lives on ",[700,4718,1188],{}," itself. To see\nexactly what you'd be overriding - the current default classes for every\nslot - here's ",[700,4721,328],{},"'s own theme file:",[4724,4725],"theme-source",{"name":4726},"table",[691,4728,4730],{"id":4729},"props","Props",[1594,4732,1188],{"id":4733},"stable",[4726,4735,4736,4752],{},[4737,4738,4739],"thead",{},[4740,4741,4742,4746,4749],"tr",{},[4743,4744,4745],"th",{},"Prop",[4743,4747,4748],{},"Type",[4743,4750,4751],{},"Default",[4753,4754,4755,4773,4786,4799,4814,4829,4844,4859,4874,4888,4901,4914,4927,4939,4951,4967,4981,4995,5009,5023,5044,5057,5071,5086,5099,5114,5129,5144,5159,5173,5186,5199],"tbody",{},[4740,4756,4757,4763,4768],{},[4758,4759,4760],"td",{},[700,4761,4762],{},"color",[4758,4764,4765],{},[1241,4766,4767],{"href":84},"ColorRole",[4758,4769,4770],{},[700,4771,4772],{},"primary",[4740,4774,4775,4779,4784],{},[4758,4776,4777],{},[700,4778,702],{},[4758,4780,4781],{},[700,4782,4783],{},"TData[]",[4758,4785,4303],{},[4740,4787,4788,4792,4797],{},[4758,4789,4790],{},[700,4791,4333],{},[4758,4793,4794],{},[700,4795,4796],{},"TableColumnDef\u003CTData>[]",[4758,4798,4303],{},[4740,4800,4801,4805,4810],{},[4758,4802,4803],{},[700,4804,1223],{},[4758,4806,4807],{},[700,4808,4809],{},"boolean",[4758,4811,4812],{},[700,4813,1845],{},[4740,4815,4816,4821,4826],{},[4758,4817,4818],{},[700,4819,4820],{},"getRowSelectionLabel",[4758,4822,4823],{},[700,4824,4825],{},"(row: TData) => string",[4758,4827,4828],{},"Localized row number",[4740,4830,4831,4836,4840],{},[4758,4832,4833],{},[700,4834,4835],{},"selectOnRowClick",[4758,4837,4838],{},[700,4839,4809],{},[4758,4841,4842],{},[700,4843,1845],{},[4740,4845,4846,4851,4855],{},[4758,4847,4848],{},[700,4849,4850],{},"rowHover",[4758,4852,4853],{},[700,4854,4809],{},[4758,4856,4857],{},[700,4858,1845],{},[4740,4860,4861,4866,4871],{},[4758,4862,4863],{},[700,4864,4865],{},"pageSize",[4758,4867,4868],{},[700,4869,4870],{},"number",[4758,4872,4873],{},"- (no pagination until set)",[4740,4875,4876,4880,4884],{},[4758,4877,4878],{},[700,4879,3561],{},[4758,4881,4882],{},[700,4883,4809],{},[4758,4885,4886],{},[700,4887,1845],{},[4740,4889,4890,4894,4899],{},[4758,4891,4892],{},[700,4893,1888],{},[4758,4895,4896],{},[700,4897,4898],{},"SortingState",[4758,4900,4303],{},[4740,4902,4903,4908,4912],{},[4758,4904,4905],{},[700,4906,4907],{},"defaultSorting",[4758,4909,4910],{},[700,4911,4898],{},[4758,4913,4303],{},[4740,4915,4916,4920,4925],{},[4758,4917,4918],{},[700,4919,1024],{},[4758,4921,4922],{},[700,4923,4924],{},"TableRowSelectionState",[4758,4926,4303],{},[4740,4928,4929,4933,4937],{},[4758,4930,4931],{},[700,4932,985],{},[4758,4934,4935],{},[700,4936,4628],{},[4758,4938,4303],{},[4740,4940,4941,4945,4949],{},[4758,4942,4943],{},[700,4944,4126],{},[4758,4946,4947],{},[700,4948,4870],{},[4758,4950,4303],{},[4740,4952,4953,4957,4962],{},[4758,4954,4955],{},[700,4956,1774],{},[4758,4958,4959],{},[700,4960,4961],{},"'sm' | 'md' | 'lg'",[4758,4963,4964],{},[700,4965,4966],{},"'md'",[4740,4968,4969,4973,4977],{},[4758,4970,4971],{},[700,4972,3431],{},[4758,4974,4975],{},[700,4976,4809],{},[4758,4978,4979],{},[700,4980,1845],{},[4740,4982,4983,4987,4991],{},[4758,4984,4985],{},[700,4986,3435],{},[4758,4988,4989],{},[700,4990,4809],{},[4758,4992,4993],{},[700,4994,1845],{},[4740,4996,4997,5001,5005],{},[4758,4998,4999],{},[700,5000,2169],{},[4758,5002,5003],{},[700,5004,4809],{},[4758,5006,5007],{},[700,5008,1845],{},[4740,5010,5011,5015,5019],{},[4758,5012,5013],{},[700,5014,2347],{},[4758,5016,5017],{},[700,5018,4809],{},[4758,5020,5021],{},[700,5022,1845],{},[4740,5024,5025,5030,5035],{},[4758,5026,5027],{},[700,5028,5029],{},"getSubRows",[4758,5031,5032],{},[700,5033,5034],{},"(row: TData, index: number) => readonly TData[] | undefined",[4758,5036,5037,5040,5041,5043],{},[700,5038,5039],{},"row => row.subRows"," when ",[700,5042,2347],{}," is enabled",[4740,5045,5046,5050,5055],{},[4758,5047,5048],{},[700,5049,2176],{},[4758,5051,5052],{},[700,5053,5054],{},"TableExpandedState",[4758,5056,4303],{},[4740,5058,5059,5064,5069],{},[4758,5060,5061],{},[700,5062,5063],{},"columnVisibility",[4758,5065,5066],{},[700,5067,5068],{},"TableColumnVisibilityState",[4758,5070,4303],{},[4740,5072,5073,5078,5082],{},[4758,5074,5075],{},[700,5076,5077],{},"columnToggle",[4758,5079,5080],{},[700,5081,4809],{},[4758,5083,5084],{},[700,5085,1845],{},[4740,5087,5088,5093,5097],{},[4758,5089,5090],{},[700,5091,5092],{},"scrollHeight",[4758,5094,5095],{},[700,5096,4628],{},[4758,5098,4303],{},[4740,5100,5101,5105,5110],{},[4758,5102,5103],{},[700,5104,1782],{},[4758,5106,5107],{},[700,5108,5109],{},"boolean | { estimateSize?: number; overscan?: number }",[4758,5111,5112],{},[700,5113,1845],{},[4740,5115,5116,5121,5125],{},[4758,5117,5118],{},[700,5119,5120],{},"manualSorting",[4758,5122,5123],{},[700,5124,4809],{},[4758,5126,5127],{},[700,5128,1845],{},[4740,5130,5131,5136,5140],{},[4758,5132,5133],{},[700,5134,5135],{},"manualFiltering",[4758,5137,5138],{},[700,5139,4809],{},[4758,5141,5142],{},[700,5143,1845],{},[4740,5145,5146,5151,5155],{},[4758,5147,5148],{},[700,5149,5150],{},"manualPagination",[4758,5152,5153],{},[700,5154,4809],{},[4758,5156,5157],{},[700,5158,1845],{},[4740,5160,5161,5165,5170],{},[4758,5162,5163],{},[700,5164,4656],{},[4758,5166,5167],{},[700,5168,5169],{},"(row: TData, index: number) => string",[4758,5171,5172],{},"row index",[4740,5174,5175,5179,5184],{},[4758,5176,5177],{},[700,5178,4659],{},[4758,5180,5181],{},[700,5182,5183],{},"(row: TData) => string | undefined",[4758,5185,4303],{},[4740,5187,5188,5192,5197],{},[4758,5189,5190],{},[700,5191,4662],{},[4758,5193,5194],{},[700,5195,5196],{},"(row: TData) => Record\u003Cstring, string> | undefined",[4758,5198,4303],{},[4740,5200,5201,5205,5210],{},[4758,5202,5203],{},[700,5204,2947],{},[4758,5206,5207],{},[700,5208,5209],{},"Partial\u003CRecord\u003CTableSlot, string | object>>",[4758,5211,4303],{},[691,5213,5215],{"id":5214},"emits","Emits",[4726,5217,5218,5231],{},[4737,5219,5220],{},[4740,5221,5222,5225,5228],{},[4743,5223,5224],{},"Event",[4743,5226,5227],{},"Payload",[4743,5229,5230],{},"Description",[4753,5232,5233,5254,5270,5286,5305,5324,5343,5358],{},[4740,5234,5235,5240,5245],{},[4758,5236,5237],{},[700,5238,5239],{},"update:sorting",[4758,5241,5242],{},[700,5243,5244],{},"TableSortingState",[4758,5246,5247,5248,5250,5251,2556],{},"Backs ",[700,5249,1801],{}," - fired whenever the sort state changes (see ",[1241,5252,1792],{"href":5253},"#presort",[4740,5255,5256,5261,5265],{},[4758,5257,5258],{},[700,5259,5260],{},"update:rowSelection",[4758,5262,5263],{},[700,5264,4924],{},[4758,5266,5247,5267,5269],{},[700,5268,1227],{}," - fired whenever the selected rows change",[4740,5271,5272,5277,5281],{},[4758,5273,5274],{},[700,5275,5276],{},"update:globalFilter",[4758,5278,5279],{},[700,5280,4628],{},[4758,5282,5247,5283,5285],{},[700,5284,1591],{}," - fired whenever the global filter value changes",[4740,5287,5288,5293,5297],{},[4758,5289,5290],{},[700,5291,5292],{},"update:pageIndex",[4758,5294,5295],{},[700,5296,4870],{},[4758,5298,5247,5299,5301,5302,2556],{},[700,5300,1778],{}," - fired whenever the current page changes (see ",[1241,5303,371],{"href":5304},"#pagination",[4740,5306,5307,5312,5316],{},[4758,5308,5309],{},[700,5310,5311],{},"update:expanded",[4758,5313,5314],{},[700,5315,5054],{},[4758,5317,5247,5318,5320,5321,2556],{},[700,5319,2336],{}," - fired whenever row expansion state changes (see ",[1241,5322,2164],{"href":5323},"#row-expansion",[4740,5325,5326,5331,5335],{},[4758,5327,5328],{},[700,5329,5330],{},"update:columnVisibility",[4758,5332,5333],{},[700,5334,5068],{},[4758,5336,5247,5337,5339,5340,2556],{},[700,5338,2884],{}," - fired whenever column visibility changes (see ",[1241,5341,2773],{"href":5342},"#column-visibility-toggle",[4740,5344,5345,5350,5355],{},[4758,5346,5347],{},[700,5348,5349],{},"rowClick",[4758,5351,5352],{},[700,5353,5354],{},"(row: TData, event: MouseEvent)",[4758,5356,5357],{},"Fired when a body row is clicked",[4740,5359,5360,5365,5369],{},[4758,5361,5362],{},[700,5363,5364],{},"rowContextmenu",[4758,5366,5367],{},[700,5368,5354],{},[4758,5370,5371],{},"Fired when a body row is right-clicked",[1594,5373,1112],{"id":5374},"scolumn",[4726,5376,5377,5387],{},[4737,5378,5379],{},[4740,5380,5381,5383,5385],{},[4743,5382,4745],{},[4743,5384,4748],{},[4743,5386,4751],{},[4753,5388,5389,5402,5414,5426,5440,5454],{},[4740,5390,5391,5395,5399],{},[4758,5392,5393],{},[700,5394,4624],{},[4758,5396,5397],{},[700,5398,4628],{},[4758,5400,5401],{},"- (required)",[4740,5403,5404,5408,5412],{},[4758,5405,5406],{},[700,5407,2019],{},[4758,5409,5410],{},[700,5411,4628],{},[4758,5413,4303],{},[4740,5415,5416,5420,5424],{},[4758,5417,5418],{},[700,5419,2023],{},[4758,5421,5422],{},[700,5423,4628],{},[4758,5425,4303],{},[4740,5427,5428,5432,5436],{},[4758,5429,5430],{},[700,5431,1204],{},[4758,5433,5434],{},[700,5435,4809],{},[4758,5437,5438],{},[700,5439,1845],{},[4740,5441,5442,5446,5450],{},[4758,5443,5444],{},[700,5445,1219],{},[4758,5447,5448],{},[700,5449,4809],{},[4758,5451,5452],{},[700,5453,1845],{},[4740,5455,5456,5461,5466],{},[4758,5457,5458],{},[700,5459,5460],{},"pinned",[4758,5462,5463],{},[700,5464,5465],{},"'left' | 'right'",[4758,5467,4303],{},[1594,5469,1668],{"id":5470},"scolumngroup",[4726,5472,5473,5483],{},[4737,5474,5475],{},[4740,5476,5477,5479,5481],{},[4743,5478,4745],{},[4743,5480,4748],{},[4743,5482,4751],{},[4753,5484,5485,5497],{},[4740,5486,5487,5491,5495],{},[4758,5488,5489],{},[700,5490,2019],{},[4758,5492,5493],{},[700,5494,4628],{},[4758,5496,4303],{},[4740,5498,5499,5503,5507],{},[4758,5500,5501],{},[700,5502,2023],{},[4758,5504,5505],{},[700,5506,4628],{},[4758,5508,4303],{},[691,5510,5512],{"id":5511},"slots","Slots",[4726,5514,5515,5526],{},[4737,5516,5517],{},[4740,5518,5519,5522,5524],{},[4743,5520,5521],{},"Slot",[4743,5523,4730],{},[4743,5525,5230],{},[4753,5527,5528,5543],{},[4740,5529,5530,5535,5537],{},[4758,5531,5532],{},[700,5533,5534],{},"empty",[4758,5536,4303],{},[4758,5538,5539,5540,5542],{},"Shown when ",[700,5541,702],{}," is empty",[4740,5544,5545,5549,5553],{},[4758,5546,5547],{},[700,5548,2176],{},[4758,5550,5551],{},[700,5552,2180],{},[4758,5554,5555,5556,2556],{},"Detail content for an expanded row (requires ",[700,5557,2169],{},[696,5559,5560,5562,5563,5566,5567,6,5569,5571,5572,6,5574,5576,5577,5579,5580,5583],{},[700,5561,1112],{},"'s own default slot customizes that column's cell content - see\n",[1241,5564,1901],{"href":5565},"#custom-cell-content"," above. ",[700,5568,1112],{},[700,5570,1668],{},"\nalso both take ",[700,5573,2019],{},[700,5575,2023],{}," slots (scoped with ",[700,5578,2027],{},") - see\n",[1241,5581,2009],{"href":5582},"#custom-header-content"," above.",[691,5585,5587],{"id":5586},"methods","Methods",[696,5589,5590,5591,1228],{},"Access these via a template ref on ",[700,5592,1188],{},[4726,5594,5595,5604],{},[4737,5596,5597],{},[4740,5598,5599,5602],{},[4743,5600,5601],{},"Method",[4743,5603,5230],{},[4753,5605,5606],{},[4740,5607,5608,5613],{},[4758,5609,5610],{},[700,5611,5612],{},"exportCsv(filename?: string)",[4758,5614,5615],{},"Downloads all matching rows (across every page) as a CSV file",[5617,5618,5619],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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);}",{"title":718,"searchDepth":798,"depth":798,"links":5621},[5622,5641,5644,5646,5649,5653,5654],{"id":693,"depth":752,"text":694,"children":5623},[5624,5625,5626,5627,5628,5629,5630,5631,5632,5633,5634,5635,5636,5637,5638,5639,5640],{"id":1596,"depth":798,"text":1597},{"id":1762,"depth":798,"text":371},{"id":1791,"depth":798,"text":1792},{"id":1900,"depth":798,"text":1901},{"id":2008,"depth":798,"text":2009},{"id":2163,"depth":798,"text":2164},{"id":2340,"depth":798,"text":2341},{"id":2476,"depth":798,"text":2477},{"id":2631,"depth":798,"text":2632},{"id":2772,"depth":798,"text":2773},{"id":2888,"depth":798,"text":2889},{"id":3224,"depth":798,"text":1787},{"id":3412,"depth":798,"text":3413},{"id":3561,"depth":798,"text":3562},{"id":3658,"depth":798,"text":3659},{"id":3857,"depth":798,"text":3858},{"id":4323,"depth":798,"text":4324},{"id":4616,"depth":752,"text":4617,"children":5642},[5643],{"id":4671,"depth":798,"text":62},{"id":4701,"depth":752,"text":5645},"Custom :ui",{"id":4729,"depth":752,"text":4730,"children":5647},[5648],{"id":4733,"depth":798,"text":1188},{"id":5214,"depth":752,"text":5215,"children":5650},[5651,5652],{"id":5374,"depth":798,"text":1112},{"id":5470,"depth":798,"text":1668},{"id":5511,"depth":752,"text":5512},{"id":5586,"depth":752,"text":5587},"A table built on TanStack Table, with a declarative column API - sorting, row selection, pagination, filtering, expansion, column visibility, virtual scroll, and pinned columns out of the box.",{"components":5657},[1112,1668],{"title":328,"description":5655},"dsvokZ8muQ0uxJsHF2FOPO1otHGtC0fUWPQ8odqQQlo",{"id":5661,"title":328,"aside":686,"body":5662,"collapse":10,"description":10084,"editLink":686,"extension":3424,"icon":9,"issueLink":686,"meta":10085,"navBadges":9,"navigation":9,"order":35,"path":10087,"prevNext":686,"seo":10088,"stem":10089,"toc":686,"__hash__":10090},"docs\u002Fid\u002Fcomponents\u002Fdata\u002Ftable.md",{"type":688,"value":5663,"toc":10050},[5664,5668,5677,5679,6053,6075,6088,6172,6175,6187,6189,6311,6317,6407,6415,6417,6428,6430,6564,6566,6587,6589,6597,6671,6684,6686,6700,6780,6782,6797,6799,6913,6915,6929,6931,7065,7071,7073,7093,7095,7185,7190,7192,7202,7204,7332,7334,7341,7343,7463,7465,7470,7472,7566,7571,7573,7588,7590,7874,7877,7879,7887,7889,7969,7979,8029,8040,8049,8053,8070,8072,8083,8185,8187,8192,8194,8278,8280,8288,8290,8464,8466,8498,8516,8882,8884,8913,9139,9141,9171,9188,9192,9215,9219,9235,9237,9239,9241,9676,9678,9818,9820,9910,9912,9950,9952,9995,10020,10022,10027,10048],[691,5665,5667],{"id":5666},"penggunaan","Penggunaan",[696,5669,5670,5671,5673,5674,5676],{},"Berikan ",[700,5672,702],{}," dan deklarasikan kolom dengan anak ",[700,5675,706],{}," - tidak perlu objek konfigurasi kolom untuk kasus umum:",[709,5678],{"name":711},[713,5680,5681],{"className":715,"code":716,"language":717,"meta":718,"style":718},[700,5682,5683,5699,5731,5735,5751,5767,5783,5787,5791,5803,5819,5841,5849,5853,5861,5885,5891,5907,5923,5937,5951,5955,5969,5973,5997,6017,6037,6045],{"__ignoreMap":718},[722,5684,5685,5687,5689,5691,5693,5695,5697],{"class":724,"line":8},[722,5686,728],{"class":727},[722,5688,732],{"class":731},[722,5690,736],{"class":735},[722,5692,739],{"class":735},[722,5694,742],{"class":727},[722,5696,746],{"class":745},[722,5698,749],{"class":727},[722,5700,5701,5703,5705,5707,5709,5711,5713,5715,5717,5719,5721,5723,5725,5727,5729],{"class":724,"line":752},[722,5702,756],{"class":755},[722,5704,759],{"class":735},[722,5706,762],{"class":727},[722,5708,766],{"class":765},[722,5710,769],{"class":755},[722,5712,773],{"class":772},[722,5714,776],{"class":727},[722,5716,779],{"class":765},[722,5718,769],{"class":755},[722,5720,773],{"class":772},[722,5722,776],{"class":727},[722,5724,788],{"class":765},[722,5726,769],{"class":755},[722,5728,773],{"class":772},[722,5730,795],{"class":727},[722,5732,5733],{"class":724,"line":798},[722,5734,801],{"emptyLinePlaceholder":686},[722,5736,5737,5739,5741,5743,5745,5747,5749],{"class":724,"line":804},[722,5738,807],{"class":755},[722,5740,810],{"class":772},[722,5742,813],{"class":755},[722,5744,816],{"class":735},[722,5746,728],{"class":727},[722,5748,821],{"class":735},[722,5750,824],{"class":727},[722,5752,5753,5755,5757,5759,5761,5763,5765],{"class":724,"line":827},[722,5754,830],{"class":727},[722,5756,833],{"class":745},[722,5758,836],{"class":727},[722,5760,839],{"class":745},[722,5762,842],{"class":727},[722,5764,845],{"class":745},[722,5766,848],{"class":727},[722,5768,5769,5771,5773,5775,5777,5779,5781],{"class":724,"line":851},[722,5770,830],{"class":727},[722,5772,856],{"class":745},[722,5774,836],{"class":727},[722,5776,861],{"class":745},[722,5778,842],{"class":727},[722,5780,866],{"class":745},[722,5782,848],{"class":727},[722,5784,5785],{"class":724,"line":871},[722,5786,874],{"class":727},[722,5788,5789],{"class":724,"line":877},[722,5790,801],{"emptyLinePlaceholder":686},[722,5792,5793,5795,5797,5799,5801],{"class":724,"line":882},[722,5794,807],{"class":755},[722,5796,887],{"class":772},[722,5798,813],{"class":755},[722,5800,816],{"class":735},[722,5802,894],{"class":727},[722,5804,5805,5807,5809,5811,5813,5815,5817],{"class":724,"line":13},[722,5806,807],{"class":755},[722,5808,901],{"class":772},[722,5810,813],{"class":755},[722,5812,816],{"class":735},[722,5814,908],{"class":727},[722,5816,911],{"class":745},[722,5818,914],{"class":727},[722,5820,5821,5823,5825,5827,5829,5831,5833,5835,5837,5839],{"class":724,"line":151},[722,5822,807],{"class":755},[722,5824,921],{"class":735},[722,5826,813],{"class":755},[722,5828,926],{"class":727},[722,5830,929],{"class":765},[722,5832,769],{"class":755},[722,5834,759],{"class":735},[722,5836,936],{"class":727},[722,5838,939],{"class":755},[722,5840,942],{"class":727},[722,5842,5843,5845,5847],{"class":724,"line":170},[722,5844,947],{"class":727},[722,5846,732],{"class":731},[722,5848,749],{"class":727},[722,5850,5851],{"class":724,"line":954},[722,5852,801],{"emptyLinePlaceholder":686},[722,5854,5855,5857,5859],{"class":724,"line":959},[722,5856,728],{"class":727},[722,5858,964],{"class":731},[722,5860,749],{"class":727},[722,5862,5863,5865,5867,5869,5871,5873,5875,5877,5879,5881,5883],{"class":724,"line":648},[722,5864,971],{"class":727},[722,5866,974],{"class":731},[722,5868,977],{"class":735},[722,5870,742],{"class":727},[722,5872,982],{"class":745},[722,5874,985],{"class":727},[722,5876,982],{"class":745},[722,5878,990],{"class":735},[722,5880,742],{"class":727},[722,5882,995],{"class":745},[722,5884,998],{"class":727},[722,5886,5887,5889],{"class":724,"line":1001},[722,5888,971],{"class":727},[722,5890,1006],{"class":731},[722,5892,5893,5895,5897,5899,5901,5903,5905],{"class":724,"line":1009},[722,5894,1012],{"class":735},[722,5896,769],{"class":727},[722,5898,1017],{"class":735},[722,5900,742],{"class":727},[722,5902,982],{"class":745},[722,5904,1024],{"class":727},[722,5906,1027],{"class":745},[722,5908,5909,5911,5913,5915,5917,5919,5921],{"class":724,"line":1030},[722,5910,1012],{"class":735},[722,5912,769],{"class":727},[722,5914,1037],{"class":735},[722,5916,742],{"class":727},[722,5918,982],{"class":745},[722,5920,985],{"class":727},[722,5922,1027],{"class":745},[722,5924,5925,5927,5929,5931,5933,5935],{"class":724,"line":1048},[722,5926,1051],{"class":727},[722,5928,702],{"class":735},[722,5930,742],{"class":727},[722,5932,982],{"class":745},[722,5934,1060],{"class":727},[722,5936,1027],{"class":745},[722,5938,5939,5941,5943,5945,5947,5949],{"class":724,"line":30},[722,5940,1051],{"class":727},[722,5942,1069],{"class":735},[722,5944,742],{"class":727},[722,5946,982],{"class":745},[722,5948,1076],{"class":727},[722,5950,1027],{"class":745},[722,5952,5953],{"class":724,"line":247},[722,5954,1083],{"class":735},[722,5956,5957,5959,5961,5963,5965,5967],{"class":724,"line":257},[722,5958,1051],{"class":727},[722,5960,1090],{"class":735},[722,5962,742],{"class":727},[722,5964,982],{"class":745},[722,5966,1097],{"class":772},[722,5968,1027],{"class":745},[722,5970,5971],{"class":724,"line":272},[722,5972,1104],{"class":727},[722,5974,5975,5977,5979,5981,5983,5985,5987,5989,5991,5993,5995],{"class":724,"line":287},[722,5976,1109],{"class":727},[722,5978,1112],{"class":731},[722,5980,1115],{"class":735},[722,5982,742],{"class":727},[722,5984,1120],{"class":745},[722,5986,1123],{"class":735},[722,5988,742],{"class":727},[722,5990,1128],{"class":745},[722,5992,1131],{"class":735},[722,5994,1134],{"class":735},[722,5996,998],{"class":727},[722,5998,5999,6001,6003,6005,6007,6009,6011,6013,6015],{"class":724,"line":292},[722,6000,1109],{"class":727},[722,6002,1112],{"class":731},[722,6004,1115],{"class":735},[722,6006,742],{"class":727},[722,6008,1149],{"class":745},[722,6010,1123],{"class":735},[722,6012,742],{"class":727},[722,6014,1156],{"class":745},[722,6016,998],{"class":727},[722,6018,6019,6021,6023,6025,6027,6029,6031,6033,6035],{"class":724,"line":302},[722,6020,1109],{"class":727},[722,6022,1112],{"class":731},[722,6024,1115],{"class":735},[722,6026,742],{"class":727},[722,6028,1171],{"class":745},[722,6030,1123],{"class":735},[722,6032,742],{"class":727},[722,6034,1178],{"class":745},[722,6036,998],{"class":727},[722,6038,6039,6041,6043],{"class":724,"line":307},[722,6040,1185],{"class":727},[722,6042,1188],{"class":731},[722,6044,749],{"class":727},[722,6046,6047,6049,6051],{"class":724,"line":312},[722,6048,947],{"class":727},[722,6050,964],{"class":731},[722,6052,749],{"class":727},[696,6054,6055,6056,6058,6059,6061,6062,6,6064,6066,6067,6069,6070,6072,6073,1228],{},"Kolom tidak dapat disortir secara default. Tambahkan ",[700,6057,1204],{}," ke ",[700,6060,706],{}," untuk mengaktifkan sorting; ikon di sebelah menunjukkan state saat ini (unsorted, ascending, atau descending). Klik header yang dapat disortir, atau fokuskan dan tekan ",[1210,6063,1212],{},[1210,6065,1215],{},", untuk mengcycle state tersebut. Shift-click header sortable kedua untuk menambahkannya sebagai sort sekunder tanpa menghapus yang pertama. ",[700,6068,1219],{}," menambahkan tombol corong di samping header kolom itu; membuka popover dengan filter teks live dan aksi Clear. ",[700,6071,1223],{}," menambahkan kolom checkbox depan yang dihubungkan ke ",[700,6074,1227],{},[696,6076,6077,6078,1239,6080,6082,6083,6085,6086,769],{},"Checkbox seleksi memiliki nama yang dapat diakses secara default: \"Select all rows\" dan \"Select row 1\", \"Select row 2\", dan seterusnya. Nomor baris mengacu pada urutan data asli dan tetap melekat pada record mereka saat sorting atau filtering. Sesuaikan default ini dengan pesan ",[1241,6079,1243],{"href":659},[700,6081,1234],{}," dan ",[700,6084,1238],{},". Untuk nama yang lebih deskriptif, berikan ",[700,6087,1247],{},[713,6089,6090],{"className":1250,"code":1251,"language":1252,"meta":718,"style":718},[700,6091,6092,6098,6112,6116,6140,6144,6164],{"__ignoreMap":718},[722,6093,6094,6096],{"class":724,"line":8},[722,6095,728],{"class":727},[722,6097,1006],{"class":731},[722,6099,6100,6102,6104,6106,6108,6110],{"class":724,"line":752},[722,6101,1265],{"class":727},[722,6103,702],{"class":735},[722,6105,742],{"class":727},[722,6107,982],{"class":745},[722,6109,1060],{"class":727},[722,6111,1027],{"class":745},[722,6113,6114],{"class":724,"line":798},[722,6115,1280],{"class":735},[722,6117,6118,6120,6122,6124,6126,6128,6130,6132,6134,6136,6138],{"class":724,"line":804},[722,6119,1265],{"class":727},[722,6121,1247],{"class":735},[722,6123,742],{"class":727},[722,6125,982],{"class":745},[722,6127,929],{"class":765},[722,6129,1295],{"class":755},[722,6131,1298],{"class":745},[722,6133,929],{"class":727},[722,6135,1228],{"class":745},[722,6137,766],{"class":727},[722,6139,1307],{"class":745},[722,6141,6142],{"class":724,"line":827},[722,6143,749],{"class":727},[722,6145,6146,6148,6150,6152,6154,6156,6158,6160,6162],{"class":724,"line":851},[722,6147,971],{"class":727},[722,6149,1112],{"class":731},[722,6151,1115],{"class":735},[722,6153,742],{"class":727},[722,6155,1120],{"class":745},[722,6157,1123],{"class":735},[722,6159,742],{"class":727},[722,6161,1128],{"class":745},[722,6163,998],{"class":727},[722,6165,6166,6168,6170],{"class":724,"line":871},[722,6167,947],{"class":727},[722,6169,1188],{"class":731},[722,6171,749],{"class":727},[696,6173,6174],{},"Callback menerima objek baris asli dan mengembalikan nama yang dapat diakses penuh. Terjemahkan teks ini di aplikasi Anda saat dibutuhkan. Hasil callback kosong fallback ke nomor baris yang dilokalisasi.",[696,6176,6177,6178,6180,6181,6183,6184,6186],{},"Gunakan ",[700,6179,1348],{}," bersama ",[700,6182,1223],{}," untuk men toggle seleksi dengan mengklik di mana saja pada baris. Klik pada kontrol di dalam sel (seperti link, tombol, dan checkbox) mempertahankan perilaku normal mereka. ",[700,6185,1355],{}," menambahkan background tema-aware halus saat pointer berada di atas body row:",[709,6188],{"name":1359},[713,6190,6191],{"className":1250,"code":1362,"language":1252,"meta":718,"style":718},[700,6192,6193,6199,6215,6229,6247,6251,6255,6259,6263,6283,6303],{"__ignoreMap":718},[722,6194,6195,6197],{"class":724,"line":8},[722,6196,728],{"class":727},[722,6198,1006],{"class":731},[722,6200,6201,6203,6205,6207,6209,6211,6213],{"class":724,"line":752},[722,6202,1375],{"class":735},[722,6204,769],{"class":727},[722,6206,1017],{"class":735},[722,6208,742],{"class":727},[722,6210,982],{"class":745},[722,6212,1024],{"class":727},[722,6214,1027],{"class":745},[722,6216,6217,6219,6221,6223,6225,6227],{"class":724,"line":798},[722,6218,1265],{"class":727},[722,6220,702],{"class":735},[722,6222,742],{"class":727},[722,6224,982],{"class":745},[722,6226,1060],{"class":727},[722,6228,1027],{"class":745},[722,6230,6231,6233,6235,6237,6239,6241,6243,6245],{"class":724,"line":804},[722,6232,1265],{"class":727},[722,6234,1069],{"class":735},[722,6236,742],{"class":727},[722,6238,982],{"class":745},[722,6240,929],{"class":765},[722,6242,1295],{"class":755},[722,6244,1418],{"class":727},[722,6246,1027],{"class":745},[722,6248,6249],{"class":724,"line":827},[722,6250,1280],{"class":735},[722,6252,6253],{"class":724,"line":851},[722,6254,1429],{"class":735},[722,6256,6257],{"class":724,"line":871},[722,6258,1434],{"class":735},[722,6260,6261],{"class":724,"line":877},[722,6262,749],{"class":727},[722,6264,6265,6267,6269,6271,6273,6275,6277,6279,6281],{"class":724,"line":882},[722,6266,971],{"class":727},[722,6268,1112],{"class":731},[722,6270,1115],{"class":735},[722,6272,742],{"class":727},[722,6274,1120],{"class":745},[722,6276,1123],{"class":735},[722,6278,742],{"class":727},[722,6280,1128],{"class":745},[722,6282,998],{"class":727},[722,6284,6285,6287,6289,6291,6293,6295,6297,6299,6301],{"class":724,"line":13},[722,6286,971],{"class":727},[722,6288,1112],{"class":731},[722,6290,1115],{"class":735},[722,6292,742],{"class":727},[722,6294,1149],{"class":745},[722,6296,1123],{"class":735},[722,6298,742],{"class":727},[722,6300,1156],{"class":745},[722,6302,998],{"class":727},[722,6304,6305,6307,6309],{"class":724,"line":151},[722,6306,947],{"class":727},[722,6308,1188],{"class":731},[722,6310,749],{"class":727},[696,6312,6313,6314,6316],{},"Seleksi dan expansion menggunakan positional row ids milik TanStack secara default. Untuk data yang dapat disortir, difilter, disegarkan, atau dipaginate oleh server, berikan ",[700,6315,1069],{}," agar state terkontrol mengikuti record daripada posisi array saat ini:",[713,6318,6319],{"className":1250,"code":1495,"language":1252,"meta":718,"style":718},[700,6320,6321,6327,6343,6357,6371,6375,6379,6399],{"__ignoreMap":718},[722,6322,6323,6325],{"class":724,"line":8},[722,6324,728],{"class":727},[722,6326,1006],{"class":731},[722,6328,6329,6331,6333,6335,6337,6339,6341],{"class":724,"line":752},[722,6330,1375],{"class":735},[722,6332,769],{"class":727},[722,6334,1017],{"class":735},[722,6336,742],{"class":727},[722,6338,982],{"class":745},[722,6340,1024],{"class":727},[722,6342,1027],{"class":745},[722,6344,6345,6347,6349,6351,6353,6355],{"class":724,"line":798},[722,6346,1265],{"class":727},[722,6348,702],{"class":735},[722,6350,742],{"class":727},[722,6352,982],{"class":745},[722,6354,1060],{"class":727},[722,6356,1027],{"class":745},[722,6358,6359,6361,6363,6365,6367,6369],{"class":724,"line":804},[722,6360,1265],{"class":727},[722,6362,1069],{"class":735},[722,6364,742],{"class":727},[722,6366,982],{"class":745},[722,6368,1076],{"class":727},[722,6370,1027],{"class":745},[722,6372,6373],{"class":724,"line":827},[722,6374,1280],{"class":735},[722,6376,6377],{"class":724,"line":851},[722,6378,749],{"class":727},[722,6380,6381,6383,6385,6387,6389,6391,6393,6395,6397],{"class":724,"line":871},[722,6382,971],{"class":727},[722,6384,1112],{"class":731},[722,6386,1115],{"class":735},[722,6388,742],{"class":727},[722,6390,1120],{"class":745},[722,6392,1123],{"class":735},[722,6394,742],{"class":727},[722,6396,1128],{"class":745},[722,6398,998],{"class":727},[722,6400,6401,6403,6405],{"class":724,"line":877},[722,6402,947],{"class":727},[722,6404,1188],{"class":731},[722,6406,749],{"class":727},[696,6408,6409,6411,6412,6414],{},[700,6410,1188],{}," tidak merender input pencarian global sendiri - hubungkan sendiri dan bind ke ",[700,6413,1591],{},", pendekatan komposisional yang sama seperti komponen lainnya.",[1594,6416,1597],{"id":1596},[696,6418,6419,6420,6422,6423,6,6425,6427],{},"Bungkus kolom dalam ",[700,6421,1603],{}," untuk membuat multi-row header dengan ",[700,6424,1607],{},[700,6426,1610],{}," yang benar - nest se dalam yang dibutuhkan:",[709,6429],{"name":1614},[713,6431,6432],{"className":1250,"code":1617,"language":1252,"meta":718,"style":718},[700,6433,6434,6454,6474,6488,6508,6528,6548,6556],{"__ignoreMap":718},[722,6435,6436,6438,6440,6442,6444,6446,6448,6450,6452],{"class":724,"line":8},[722,6437,728],{"class":727},[722,6439,1188],{"class":731},[722,6441,1628],{"class":727},[722,6443,702],{"class":735},[722,6445,742],{"class":727},[722,6447,982],{"class":745},[722,6449,1637],{"class":727},[722,6451,982],{"class":745},[722,6453,749],{"class":727},[722,6455,6456,6458,6460,6462,6464,6466,6468,6470,6472],{"class":724,"line":752},[722,6457,971],{"class":727},[722,6459,1112],{"class":731},[722,6461,1115],{"class":735},[722,6463,742],{"class":727},[722,6465,1120],{"class":745},[722,6467,1123],{"class":735},[722,6469,742],{"class":727},[722,6471,1128],{"class":745},[722,6473,998],{"class":727},[722,6475,6476,6478,6480,6482,6484,6486],{"class":724,"line":798},[722,6477,971],{"class":727},[722,6479,1668],{"class":731},[722,6481,1123],{"class":735},[722,6483,742],{"class":727},[722,6485,1675],{"class":745},[722,6487,749],{"class":727},[722,6489,6490,6492,6494,6496,6498,6500,6502,6504,6506],{"class":724,"line":804},[722,6491,1109],{"class":727},[722,6493,1112],{"class":731},[722,6495,1115],{"class":735},[722,6497,742],{"class":727},[722,6499,1690],{"class":745},[722,6501,1123],{"class":735},[722,6503,742],{"class":727},[722,6505,1697],{"class":745},[722,6507,998],{"class":727},[722,6509,6510,6512,6514,6516,6518,6520,6522,6524,6526],{"class":724,"line":827},[722,6511,1109],{"class":727},[722,6513,1112],{"class":731},[722,6515,1115],{"class":735},[722,6517,742],{"class":727},[722,6519,1712],{"class":745},[722,6521,1123],{"class":735},[722,6523,742],{"class":727},[722,6525,1719],{"class":745},[722,6527,998],{"class":727},[722,6529,6530,6532,6534,6536,6538,6540,6542,6544,6546],{"class":724,"line":851},[722,6531,1109],{"class":727},[722,6533,1112],{"class":731},[722,6535,1115],{"class":735},[722,6537,742],{"class":727},[722,6539,1734],{"class":745},[722,6541,1123],{"class":735},[722,6543,742],{"class":727},[722,6545,1741],{"class":745},[722,6547,998],{"class":727},[722,6549,6550,6552,6554],{"class":724,"line":871},[722,6551,1185],{"class":727},[722,6553,1668],{"class":731},[722,6555,749],{"class":727},[722,6557,6558,6560,6562],{"class":724,"line":877},[722,6559,947],{"class":727},[722,6561,1188],{"class":731},[722,6563,749],{"class":727},[1594,6565,371],{"id":1762},[696,6567,6568,6569,6571,6572,6574,6575,6577,6578,6580,6581,6583,6584,6586],{},"Pagination opt-in: setiap baris dirender pada satu halaman sampai Anda mengatur ",[700,6570,1090],{},". Setelah diatur, kontrol ",[1241,6573,371],{"href":372}," (nomor halaman, Prev\u002FNext, scaling dengan ",[700,6576,1774],{},") muncul otomatis setelah ada lebih dari satu halaman, dan bind ke ",[700,6579,1778],{}," jika Anda perlu membaca atau mengontrol halaman saat ini sendiri. ",[700,6582,1782],{}," adalah pilihan yang lebih cocok untuk windowing dataset besar daripada pagination - lihat ",[1241,6585,1787],{"href":1786}," di bawah.",[1594,6588,1792],{"id":1791},[696,6590,6591,6593,6594,6596],{},[700,6592,1797],{}," memberi seed sort awal tanpa perlu ",[700,6595,1801],{}," - berguna saat Anda ingin tabel terbuka sudah tersortir tetapi tetap membiarkan pengguna mengubahnya bebas setelahnya:",[713,6598,6599],{"className":1250,"code":1805,"language":1252,"meta":718,"style":718},[700,6600,6601,6641,6663],{"__ignoreMap":718},[722,6602,6603,6605,6607,6609,6611,6613,6615,6617,6619,6621,6623,6625,6627,6629,6631,6633,6635,6637,6639],{"class":724,"line":8},[722,6604,728],{"class":727},[722,6606,1188],{"class":731},[722,6608,1628],{"class":727},[722,6610,702],{"class":735},[722,6612,742],{"class":727},[722,6614,982],{"class":745},[722,6616,1060],{"class":727},[722,6618,982],{"class":745},[722,6620,1628],{"class":727},[722,6622,1797],{"class":735},[722,6624,742],{"class":727},[722,6626,982],{"class":745},[722,6628,1836],{"class":727},[722,6630,1839],{"class":745},[722,6632,1842],{"class":727},[722,6634,1845],{"class":772},[722,6636,1848],{"class":727},[722,6638,982],{"class":745},[722,6640,749],{"class":727},[722,6642,6643,6645,6647,6649,6651,6653,6655,6657,6659,6661],{"class":724,"line":752},[722,6644,971],{"class":727},[722,6646,1112],{"class":731},[722,6648,1115],{"class":735},[722,6650,742],{"class":727},[722,6652,1120],{"class":745},[722,6654,1123],{"class":735},[722,6656,742],{"class":727},[722,6658,1128],{"class":745},[722,6660,1134],{"class":735},[722,6662,998],{"class":727},[722,6664,6665,6667,6669],{"class":724,"line":798},[722,6666,947],{"class":727},[722,6668,1188],{"class":731},[722,6670,749],{"class":727},[696,6672,6673,6674,6676,6677,6679,6680,6,6682,1228],{},"Tid seperti ",[700,6675,1888],{},", ini dibaca sekali sebagai nilai awal, bukan pada setiap render - pola uncontrolled-default yang sama seperti ",[700,6678,1897],{}," pada ",[700,6681,356],{},[700,6683,347],{},[1594,6685,1901],{"id":1900},[696,6687,5670,6688,6690,6691,6693,6694,6696,6697,6699],{},[700,6689,706],{}," slot default untuk menyesuaikan bagaimana setiap sel dirender. Ia menerima ",[700,6692,1910],{},", di mana ",[700,6695,1914],{}," adalah objek baris penuh dan ",[700,6698,1918],{}," adalah nilai field kolom itu sendiri:",[713,6701,6702],{"className":1250,"code":1922,"language":1252,"meta":718,"style":718},[700,6703,6704,6724,6744,6764,6772],{"__ignoreMap":718},[722,6705,6706,6708,6710,6712,6714,6716,6718,6720,6722],{"class":724,"line":8},[722,6707,728],{"class":727},[722,6709,1112],{"class":731},[722,6711,1115],{"class":735},[722,6713,742],{"class":727},[722,6715,1171],{"class":745},[722,6717,1123],{"class":735},[722,6719,742],{"class":727},[722,6721,1178],{"class":745},[722,6723,749],{"class":727},[722,6725,6726,6728,6730,6732,6734,6736,6738,6740,6742],{"class":724,"line":752},[722,6727,971],{"class":727},[722,6729,964],{"class":731},[722,6731,1953],{"class":727},[722,6733,1956],{"class":735},[722,6735,742],{"class":727},[722,6737,982],{"class":745},[722,6739,1963],{"class":727},[722,6741,982],{"class":745},[722,6743,749],{"class":727},[722,6745,6746,6748,6750,6752,6754,6756,6758,6760,6762],{"class":724,"line":798},[722,6747,1109],{"class":727},[722,6749,1974],{"class":731},[722,6751,1628],{"class":727},[722,6753,1979],{"class":735},[722,6755,742],{"class":727},[722,6757,982],{"class":745},[722,6759,1918],{"class":727},[722,6761,982],{"class":745},[722,6763,998],{"class":727},[722,6765,6766,6768,6770],{"class":724,"line":804},[722,6767,1185],{"class":727},[722,6769,964],{"class":731},[722,6771,749],{"class":727},[722,6773,6774,6776,6778],{"class":724,"line":827},[722,6775,947],{"class":727},[722,6777,1112],{"class":731},[722,6779,749],{"class":727},[1594,6781,2009],{"id":2008},[696,6783,6784,6,6786,6788,6789,6,6791,6793,6794,6796],{},[700,6785,706],{},[700,6787,1603],{}," mendapat perlakuan yang sama untuk ",[700,6790,2019],{},[700,6792,2023],{}," - named slot (scoped dengan ",[700,6795,2027],{},", TanStack's own column API) yang menggantikan string prop biasa saat diberikan:",[709,6798],{"name":2031},[713,6800,6801],{"className":1250,"code":2034,"language":1252,"meta":718,"style":718},[700,6802,6803,6817,6829,6843,6847,6861,6881,6889,6897,6905],{"__ignoreMap":718},[722,6804,6805,6807,6809,6811,6813,6815],{"class":724,"line":8},[722,6806,728],{"class":727},[722,6808,1112],{"class":731},[722,6810,1115],{"class":735},[722,6812,742],{"class":727},[722,6814,1171],{"class":745},[722,6816,749],{"class":727},[722,6818,6819,6821,6823,6825,6827],{"class":724,"line":752},[722,6820,971],{"class":727},[722,6822,964],{"class":731},[722,6824,1953],{"class":727},[722,6826,2019],{"class":735},[722,6828,749],{"class":727},[722,6830,6831,6833,6835,6837,6839,6841],{"class":724,"line":798},[722,6832,1109],{"class":727},[722,6834,722],{"class":731},[722,6836,2071],{"class":735},[722,6838,742],{"class":727},[722,6840,2076],{"class":745},[722,6842,749],{"class":727},[722,6844,6845],{"class":724,"line":804},[722,6846,2083],{"class":727},[722,6848,6849,6851,6853,6855,6857,6859],{"class":724,"line":827},[722,6850,2088],{"class":727},[722,6852,2091],{"class":731},[722,6854,2094],{"class":735},[722,6856,742],{"class":727},[722,6858,2099],{"class":745},[722,6860,749],{"class":727},[722,6862,6863,6865,6867,6869,6871,6873,6875,6877,6879],{"class":724,"line":851},[722,6864,2106],{"class":727},[722,6866,2109],{"class":731},[722,6868,2112],{"class":735},[722,6870,742],{"class":727},[722,6872,2117],{"class":745},[722,6874,2071],{"class":735},[722,6876,742],{"class":727},[722,6878,2124],{"class":745},[722,6880,998],{"class":727},[722,6882,6883,6885,6887],{"class":724,"line":871},[722,6884,2131],{"class":727},[722,6886,2091],{"class":731},[722,6888,749],{"class":727},[722,6890,6891,6893,6895],{"class":724,"line":877},[722,6892,2140],{"class":727},[722,6894,722],{"class":731},[722,6896,749],{"class":727},[722,6898,6899,6901,6903],{"class":724,"line":882},[722,6900,1185],{"class":727},[722,6902,964],{"class":731},[722,6904,749],{"class":727},[722,6906,6907,6909,6911],{"class":724,"line":13},[722,6908,947],{"class":727},[722,6910,1112],{"class":731},[722,6912,749],{"class":727},[1594,6914,2164],{"id":2163},[696,6916,6917,6919,6920,6922,6923,6925,6926,6928],{},[700,6918,2169],{}," menambahkan kolom toggle depan; berikan slot ",[700,6921,2176],{}," untuk ",[700,6924,1188],{}," untuk konten detail, menerima ",[700,6927,2180],{}," (objek data asli baris):",[709,6930],{"name":2184},[713,6932,6933],{"className":1250,"code":2187,"language":1252,"meta":718,"style":718},[700,6934,6935,6957,6977,6997,7017,7037,7049,7057],{"__ignoreMap":718},[722,6936,6937,6939,6941,6943,6945,6947,6949,6951,6953,6955],{"class":724,"line":8},[722,6938,728],{"class":727},[722,6940,1188],{"class":731},[722,6942,1628],{"class":727},[722,6944,702],{"class":735},[722,6946,742],{"class":727},[722,6948,982],{"class":745},[722,6950,2206],{"class":727},[722,6952,982],{"class":745},[722,6954,2211],{"class":735},[722,6956,749],{"class":727},[722,6958,6959,6961,6963,6965,6967,6969,6971,6973,6975],{"class":724,"line":752},[722,6960,971],{"class":727},[722,6962,1112],{"class":731},[722,6964,1115],{"class":735},[722,6966,742],{"class":727},[722,6968,2226],{"class":745},[722,6970,1123],{"class":735},[722,6972,742],{"class":727},[722,6974,2233],{"class":745},[722,6976,998],{"class":727},[722,6978,6979,6981,6983,6985,6987,6989,6991,6993,6995],{"class":724,"line":798},[722,6980,971],{"class":727},[722,6982,1112],{"class":731},[722,6984,1115],{"class":735},[722,6986,742],{"class":727},[722,6988,2248],{"class":745},[722,6990,1123],{"class":735},[722,6992,742],{"class":727},[722,6994,2255],{"class":745},[722,6996,998],{"class":727},[722,6998,6999,7001,7003,7005,7007,7009,7011,7013,7015],{"class":724,"line":804},[722,7000,971],{"class":727},[722,7002,1112],{"class":731},[722,7004,1115],{"class":735},[722,7006,742],{"class":727},[722,7008,2270],{"class":745},[722,7010,1123],{"class":735},[722,7012,742],{"class":727},[722,7014,2277],{"class":745},[722,7016,998],{"class":727},[722,7018,7019,7021,7023,7025,7027,7029,7031,7033,7035],{"class":724,"line":827},[722,7020,971],{"class":727},[722,7022,964],{"class":731},[722,7024,1953],{"class":727},[722,7026,2176],{"class":735},[722,7028,742],{"class":727},[722,7030,982],{"class":745},[722,7032,2180],{"class":727},[722,7034,982],{"class":745},[722,7036,749],{"class":727},[722,7038,7039,7041,7043,7045,7047],{"class":724,"line":851},[722,7040,1109],{"class":727},[722,7042,2306],{"class":731},[722,7044,2309],{"class":727},[722,7046,2306],{"class":731},[722,7048,2314],{"class":727},[722,7050,7051,7053,7055],{"class":724,"line":871},[722,7052,1185],{"class":727},[722,7054,964],{"class":731},[722,7056,749],{"class":727},[722,7058,7059,7061,7063],{"class":724,"line":877},[722,7060,947],{"class":727},[722,7062,1188],{"class":731},[722,7064,749],{"class":727},[696,7066,7067,7068,7070],{},"Expansion state secara default tidak terkontrol; bind ",[700,7069,2336],{}," jika Anda perlu membaca atau menggerakkannya sendiri (misalnya untuk memperluas baris secara programatik).",[1594,7072,2341],{"id":2340},[696,7074,7075,7076,7078,7079,7081,7082,7084,7085,7087,7088,7090,7091,1228],{},"Atur ",[700,7077,2347],{}," untuk merender baris hierarkis dari array ",[700,7080,2351],{}," setiap baris. Baris parent mendapat kontrol expand inline di kolom data pertama yang terlihat, dan baris bersarang di-indent berdasarkan kedalaman. Untuk properti child lain, berikan ",[700,7083,2355],{},". Gunakan nilai ",[700,7086,1069],{}," yang stabil saat tabel yang sama dapat expand, select, atau sort tree rows. Mode tree menggunakan ",[700,7089,2176],{}," untuk visibilitas child, jadi tidak dapat dikombinasikan dengan slot detail ",[700,7092,2365],{},[709,7094],{"name":2369},[713,7096,7097],{"className":1250,"code":2372,"language":1252,"meta":718,"style":718},[700,7098,7099,7137,7157,7177],{"__ignoreMap":718},[722,7100,7101,7103,7105,7107,7109,7111,7113,7115,7117,7119,7121,7123,7125,7127,7129,7131,7133,7135],{"class":724,"line":8},[722,7102,728],{"class":727},[722,7104,1188],{"class":731},[722,7106,1628],{"class":727},[722,7108,702],{"class":735},[722,7110,742],{"class":727},[722,7112,982],{"class":745},[722,7114,2391],{"class":727},[722,7116,982],{"class":745},[722,7118,2396],{"class":735},[722,7120,1628],{"class":727},[722,7122,1069],{"class":735},[722,7124,742],{"class":727},[722,7126,982],{"class":745},[722,7128,2407],{"class":765},[722,7130,1295],{"class":755},[722,7132,2412],{"class":727},[722,7134,982],{"class":745},[722,7136,749],{"class":727},[722,7138,7139,7141,7143,7145,7147,7149,7151,7153,7155],{"class":724,"line":752},[722,7140,971],{"class":727},[722,7142,1112],{"class":731},[722,7144,1115],{"class":735},[722,7146,742],{"class":727},[722,7148,1120],{"class":745},[722,7150,1123],{"class":735},[722,7152,742],{"class":727},[722,7154,2435],{"class":745},[722,7156,998],{"class":727},[722,7158,7159,7161,7163,7165,7167,7169,7171,7173,7175],{"class":724,"line":798},[722,7160,971],{"class":727},[722,7162,1112],{"class":731},[722,7164,1115],{"class":735},[722,7166,742],{"class":727},[722,7168,2450],{"class":745},[722,7170,1123],{"class":735},[722,7172,742],{"class":727},[722,7174,2457],{"class":745},[722,7176,998],{"class":727},[722,7178,7179,7181,7183],{"class":724,"line":804},[722,7180,947],{"class":727},[722,7182,1188],{"class":731},[722,7184,749],{"class":727},[696,7186,7187,7188,1228],{},"Untuk field bersarang yang berbeda, kembalikan children setiap baris dengan ",[700,7189,2473],{},[1594,7191,2477],{"id":2476},[696,7193,7194,6,7196,7198,7199,7201],{},[700,7195,2482],{},[700,7197,2485],{}," terpicu dengan objek data asli baris dan native event - berguna untuk menavigasi ke halaman detail, misalnya. Baris hanya mendapat pointer cursor saat ",[700,7200,2482],{}," benar-benar memiliki listener yang terpasang, jadi tabel polos yang tidak interaktif tidak distyle secara menyesatkan sebagai clickable:",[709,7203],{"name":2492},[713,7205,7206],{"className":1250,"code":2495,"language":1252,"meta":718,"style":718},[700,7207,7208,7264,7284,7304,7324],{"__ignoreMap":718},[722,7209,7210,7212,7214,7216,7218,7220,7222,7224,7226,7228,7230,7232,7234,7236,7238,7240,7242,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262],{"class":724,"line":8},[722,7211,728],{"class":727},[722,7213,1188],{"class":731},[722,7215,1628],{"class":727},[722,7217,702],{"class":735},[722,7219,742],{"class":727},[722,7221,982],{"class":745},[722,7223,1060],{"class":727},[722,7225,982],{"class":745},[722,7227,2518],{"class":727},[722,7229,2476],{"class":735},[722,7231,742],{"class":727},[722,7233,982],{"class":745},[722,7235,908],{"class":727},[722,7237,1914],{"class":765},[722,7239,936],{"class":727},[722,7241,939],{"class":755},[722,7243,2535],{"class":727},[722,7245,2538],{"class":735},[722,7247,908],{"class":727},[722,7249,2543],{"class":745},[722,7251,1914],{"class":727},[722,7253,1228],{"class":745},[722,7255,2550],{"class":727},[722,7257,2553],{"class":745},[722,7259,2556],{"class":727},[722,7261,982],{"class":745},[722,7263,749],{"class":727},[722,7265,7266,7268,7270,7272,7274,7276,7278,7280,7282],{"class":724,"line":752},[722,7267,971],{"class":727},[722,7269,1112],{"class":731},[722,7271,1115],{"class":735},[722,7273,742],{"class":727},[722,7275,1120],{"class":745},[722,7277,1123],{"class":735},[722,7279,742],{"class":727},[722,7281,1128],{"class":745},[722,7283,998],{"class":727},[722,7285,7286,7288,7290,7292,7294,7296,7298,7300,7302],{"class":724,"line":798},[722,7287,971],{"class":727},[722,7289,1112],{"class":731},[722,7291,1115],{"class":735},[722,7293,742],{"class":727},[722,7295,1149],{"class":745},[722,7297,1123],{"class":735},[722,7299,742],{"class":727},[722,7301,1156],{"class":745},[722,7303,998],{"class":727},[722,7305,7306,7308,7310,7312,7314,7316,7318,7320,7322],{"class":724,"line":804},[722,7307,971],{"class":727},[722,7309,1112],{"class":731},[722,7311,1115],{"class":735},[722,7313,742],{"class":727},[722,7315,1171],{"class":745},[722,7317,1123],{"class":735},[722,7319,742],{"class":727},[722,7321,1178],{"class":745},[722,7323,998],{"class":727},[722,7325,7326,7328,7330],{"class":724,"line":827},[722,7327,947],{"class":727},[722,7329,1188],{"class":731},[722,7331,749],{"class":727},[1594,7333,2632],{"id":2631},[696,7335,7336,6,7338,7340],{},[700,7337,2637],{},[700,7339,2640],{}," dipanggil dengan data setiap baris sendiri, memungkinkan Anda men-style baris secara kondisional - menyorot order yang overdue, misalnya:",[709,7342],{"name":2644},[713,7344,7345],{"className":1250,"code":2647,"language":1252,"meta":718,"style":718},[700,7346,7347,7395,7415,7435,7455],{"__ignoreMap":718},[722,7348,7349,7351,7353,7355,7357,7359,7361,7363,7365,7367,7369,7371,7373,7375,7377,7379,7381,7383,7385,7387,7389,7391,7393],{"class":724,"line":8},[722,7350,728],{"class":727},[722,7352,1188],{"class":731},[722,7354,1628],{"class":727},[722,7356,702],{"class":735},[722,7358,742],{"class":727},[722,7360,982],{"class":745},[722,7362,2206],{"class":727},[722,7364,982],{"class":745},[722,7366,1628],{"class":727},[722,7368,2637],{"class":735},[722,7370,742],{"class":727},[722,7372,982],{"class":745},[722,7374,908],{"class":727},[722,7376,1914],{"class":765},[722,7378,936],{"class":727},[722,7380,939],{"class":755},[722,7382,2686],{"class":727},[722,7384,2689],{"class":755},[722,7386,2692],{"class":745},[722,7388,1628],{"class":755},[722,7390,2697],{"class":772},[722,7392,982],{"class":745},[722,7394,749],{"class":727},[722,7396,7397,7399,7401,7403,7405,7407,7409,7411,7413],{"class":724,"line":752},[722,7398,971],{"class":727},[722,7400,1112],{"class":731},[722,7402,1115],{"class":735},[722,7404,742],{"class":727},[722,7406,2226],{"class":745},[722,7408,1123],{"class":735},[722,7410,742],{"class":727},[722,7412,2233],{"class":745},[722,7414,998],{"class":727},[722,7416,7417,7419,7421,7423,7425,7427,7429,7431,7433],{"class":724,"line":798},[722,7418,971],{"class":727},[722,7420,1112],{"class":731},[722,7422,1115],{"class":735},[722,7424,742],{"class":727},[722,7426,2248],{"class":745},[722,7428,1123],{"class":735},[722,7430,742],{"class":727},[722,7432,2255],{"class":745},[722,7434,998],{"class":727},[722,7436,7437,7439,7441,7443,7445,7447,7449,7451,7453],{"class":724,"line":804},[722,7438,971],{"class":727},[722,7440,1112],{"class":731},[722,7442,1115],{"class":735},[722,7444,742],{"class":727},[722,7446,2270],{"class":745},[722,7448,1123],{"class":735},[722,7450,742],{"class":727},[722,7452,2277],{"class":745},[722,7454,998],{"class":727},[722,7456,7457,7459,7461],{"class":724,"line":827},[722,7458,947],{"class":727},[722,7460,1188],{"class":731},[722,7462,749],{"class":727},[1594,7464,2773],{"id":2772},[696,7466,7467,7469],{},[700,7468,2778],{}," merender tombol \"Columns\" di atas tabel yang membuka panel checkbox, satu per kolom, memungkinkan pengguna menyembunyikan\u002Fmenampilkan kolom secara dinamis:",[709,7471],{"name":2782},[713,7473,7474],{"className":1250,"code":2785,"language":1252,"meta":718,"style":718},[700,7475,7476,7498,7518,7538,7558],{"__ignoreMap":718},[722,7477,7478,7480,7482,7484,7486,7488,7490,7492,7494,7496],{"class":724,"line":8},[722,7479,728],{"class":727},[722,7481,1188],{"class":731},[722,7483,1628],{"class":727},[722,7485,702],{"class":735},[722,7487,742],{"class":727},[722,7489,982],{"class":745},[722,7491,1060],{"class":727},[722,7493,982],{"class":745},[722,7495,2808],{"class":735},[722,7497,749],{"class":727},[722,7499,7500,7502,7504,7506,7508,7510,7512,7514,7516],{"class":724,"line":752},[722,7501,971],{"class":727},[722,7503,1112],{"class":731},[722,7505,1115],{"class":735},[722,7507,742],{"class":727},[722,7509,1120],{"class":745},[722,7511,1123],{"class":735},[722,7513,742],{"class":727},[722,7515,1128],{"class":745},[722,7517,998],{"class":727},[722,7519,7520,7522,7524,7526,7528,7530,7532,7534,7536],{"class":724,"line":798},[722,7521,971],{"class":727},[722,7523,1112],{"class":731},[722,7525,1115],{"class":735},[722,7527,742],{"class":727},[722,7529,1149],{"class":745},[722,7531,1123],{"class":735},[722,7533,742],{"class":727},[722,7535,1156],{"class":745},[722,7537,998],{"class":727},[722,7539,7540,7542,7544,7546,7548,7550,7552,7554,7556],{"class":724,"line":804},[722,7541,971],{"class":727},[722,7543,1112],{"class":731},[722,7545,1115],{"class":735},[722,7547,742],{"class":727},[722,7549,1171],{"class":745},[722,7551,1123],{"class":735},[722,7553,742],{"class":727},[722,7555,1178],{"class":745},[722,7557,998],{"class":727},[722,7559,7560,7562,7564],{"class":724,"line":827},[722,7561,947],{"class":727},[722,7563,1188],{"class":731},[722,7565,749],{"class":727},[696,7567,2881,7568,7570],{},[700,7569,2884],{}," jika Anda perlu membaca atau mengontrol kolom mana yang ditampilkan sendiri (misalnya untuk mempertahankan pilihan).",[1594,7572,2889],{"id":2888},[696,7574,7575,7576,7578,7579,7581,7582,7584,7585,7587],{},"Berikan kolom ",[700,7577,2895],{}," atau ",[700,7580,2899],{}," untuk menjaganya tetap terpasang pada tepi itu selama horizontal scroll - pasangkan dengan ",[700,7583,2903],{}," (di bawah) dan cukup banyak kolom (atau override min-width ",[700,7586,2907],{},") sehingga tabel benar-benar perlu scroll:",[709,7589],{"name":2911},[713,7591,7592],{"className":1250,"code":2914,"language":1252,"meta":718,"style":718},[700,7593,7594,7636,7662,7682,7702,7722,7742,7762,7782,7814,7826,7850,7858,7866],{"__ignoreMap":718},[722,7595,7596,7598,7600,7602,7604,7606,7608,7610,7612,7614,7616,7618,7620,7622,7624,7626,7628,7630,7632,7634],{"class":724,"line":8},[722,7597,728],{"class":727},[722,7599,1188],{"class":731},[722,7601,1628],{"class":727},[722,7603,702],{"class":735},[722,7605,742],{"class":727},[722,7607,982],{"class":745},[722,7609,1637],{"class":727},[722,7611,982],{"class":745},[722,7613,2937],{"class":735},[722,7615,742],{"class":727},[722,7617,2942],{"class":745},[722,7619,1628],{"class":727},[722,7621,2947],{"class":735},[722,7623,742],{"class":727},[722,7625,982],{"class":745},[722,7627,2954],{"class":727},[722,7629,2957],{"class":745},[722,7631,2960],{"class":727},[722,7633,982],{"class":745},[722,7635,749],{"class":727},[722,7637,7638,7640,7642,7644,7646,7648,7650,7652,7654,7656,7658,7660],{"class":724,"line":752},[722,7639,971],{"class":727},[722,7641,1112],{"class":731},[722,7643,1115],{"class":735},[722,7645,742],{"class":727},[722,7647,1120],{"class":745},[722,7649,1123],{"class":735},[722,7651,742],{"class":727},[722,7653,1128],{"class":745},[722,7655,2985],{"class":735},[722,7657,742],{"class":727},[722,7659,2990],{"class":745},[722,7661,998],{"class":727},[722,7663,7664,7666,7668,7670,7672,7674,7676,7678,7680],{"class":724,"line":798},[722,7665,971],{"class":727},[722,7667,1112],{"class":731},[722,7669,1115],{"class":735},[722,7671,742],{"class":727},[722,7673,1734],{"class":745},[722,7675,1123],{"class":735},[722,7677,742],{"class":727},[722,7679,1741],{"class":745},[722,7681,998],{"class":727},[722,7683,7684,7686,7688,7690,7692,7694,7696,7698,7700],{"class":724,"line":804},[722,7685,971],{"class":727},[722,7687,1112],{"class":731},[722,7689,1115],{"class":735},[722,7691,742],{"class":727},[722,7693,1171],{"class":745},[722,7695,1123],{"class":735},[722,7697,742],{"class":727},[722,7699,1178],{"class":745},[722,7701,998],{"class":727},[722,7703,7704,7706,7708,7710,7712,7714,7716,7718,7720],{"class":724,"line":827},[722,7705,971],{"class":727},[722,7707,1112],{"class":731},[722,7709,1115],{"class":735},[722,7711,742],{"class":727},[722,7713,1149],{"class":745},[722,7715,1123],{"class":735},[722,7717,742],{"class":727},[722,7719,1156],{"class":745},[722,7721,998],{"class":727},[722,7723,7724,7726,7728,7730,7732,7734,7736,7738,7740],{"class":724,"line":851},[722,7725,971],{"class":727},[722,7727,1112],{"class":731},[722,7729,1115],{"class":735},[722,7731,742],{"class":727},[722,7733,3065],{"class":745},[722,7735,1123],{"class":735},[722,7737,742],{"class":727},[722,7739,3072],{"class":745},[722,7741,998],{"class":727},[722,7743,7744,7746,7748,7750,7752,7754,7756,7758,7760],{"class":724,"line":871},[722,7745,971],{"class":727},[722,7747,1112],{"class":731},[722,7749,1115],{"class":735},[722,7751,742],{"class":727},[722,7753,1712],{"class":745},[722,7755,1123],{"class":735},[722,7757,742],{"class":727},[722,7759,1719],{"class":745},[722,7761,998],{"class":727},[722,7763,7764,7766,7768,7770,7772,7774,7776,7778,7780],{"class":724,"line":877},[722,7765,971],{"class":727},[722,7767,1112],{"class":731},[722,7769,1115],{"class":735},[722,7771,742],{"class":727},[722,7773,3107],{"class":745},[722,7775,1123],{"class":735},[722,7777,742],{"class":727},[722,7779,3114],{"class":745},[722,7781,998],{"class":727},[722,7783,7784,7786,7788,7790,7792,7794,7796,7798,7800,7802,7804,7806,7808,7810,7812],{"class":724,"line":882},[722,7785,971],{"class":727},[722,7787,1112],{"class":731},[722,7789,1115],{"class":735},[722,7791,742],{"class":727},[722,7793,3129],{"class":745},[722,7795,1123],{"class":735},[722,7797,742],{"class":727},[722,7799,3136],{"class":745},[722,7801,1134],{"class":735},[722,7803,742],{"class":727},[722,7805,3143],{"class":745},[722,7807,2985],{"class":735},[722,7809,742],{"class":727},[722,7811,3150],{"class":745},[722,7813,749],{"class":727},[722,7815,7816,7818,7820,7822,7824],{"class":724,"line":13},[722,7817,1109],{"class":727},[722,7819,964],{"class":731},[722,7821,1953],{"class":727},[722,7823,1956],{"class":735},[722,7825,749],{"class":727},[722,7827,7828,7830,7832,7834,7836,7838,7840,7842,7844,7846,7848],{"class":724,"line":151},[722,7829,2088],{"class":727},[722,7831,3171],{"class":731},[722,7833,3174],{"class":735},[722,7835,742],{"class":727},[722,7837,3179],{"class":745},[722,7839,3182],{"class":735},[722,7841,742],{"class":727},[722,7843,3187],{"class":745},[722,7845,3190],{"class":727},[722,7847,3171],{"class":731},[722,7849,749],{"class":727},[722,7851,7852,7854,7856],{"class":724,"line":170},[722,7853,2140],{"class":727},[722,7855,964],{"class":731},[722,7857,749],{"class":727},[722,7859,7860,7862,7864],{"class":724,"line":954},[722,7861,1185],{"class":727},[722,7863,1112],{"class":731},[722,7865,749],{"class":727},[722,7867,7868,7870,7872],{"class":724,"line":959},[722,7869,947],{"class":727},[722,7871,1188],{"class":731},[722,7873,749],{"class":727},[696,7875,7876],{},"Sticky offsets diukur dari lebar header yang sebenarnya setelah mount dan kapan pun daftar kolom atau visibilitas berubah - bukan pada setiap perubahan layout yang mungkin (web-font load, resize jendela), yang merupakan scope cut yang disengaja untuk pass ini.",[1594,7878,1787],{"id":3224},[696,7880,7881,7883,7884,7886],{},[700,7882,2903],{}," membatasi tabel pada tinggi CSS tetap dengan header sticky dan scroll vertikal. Tambahkan ",[700,7885,1782],{}," untuk hanya merender baris yang saat ini terlihat, untuk dataset yang terlalu besar untuk dimasukkan semua ke DOM:",[709,7888],{"name":3235},[713,7890,7891],{"className":1250,"code":3238,"language":1252,"meta":718,"style":718},[700,7892,7893,7921,7941,7961],{"__ignoreMap":718},[722,7894,7895,7897,7899,7901,7903,7905,7907,7909,7911,7913,7915,7917,7919],{"class":724,"line":8},[722,7896,728],{"class":727},[722,7898,1188],{"class":731},[722,7900,1628],{"class":727},[722,7902,702],{"class":735},[722,7904,742],{"class":727},[722,7906,982],{"class":745},[722,7908,3257],{"class":727},[722,7910,982],{"class":745},[722,7912,2937],{"class":735},[722,7914,742],{"class":727},[722,7916,2942],{"class":745},[722,7918,3268],{"class":735},[722,7920,749],{"class":727},[722,7922,7923,7925,7927,7929,7931,7933,7935,7937,7939],{"class":724,"line":752},[722,7924,971],{"class":727},[722,7926,1112],{"class":731},[722,7928,1115],{"class":735},[722,7930,742],{"class":727},[722,7932,2226],{"class":745},[722,7934,1123],{"class":735},[722,7936,742],{"class":727},[722,7938,3289],{"class":745},[722,7940,998],{"class":727},[722,7942,7943,7945,7947,7949,7951,7953,7955,7957,7959],{"class":724,"line":798},[722,7944,971],{"class":727},[722,7946,1112],{"class":731},[722,7948,1115],{"class":735},[722,7950,742],{"class":727},[722,7952,1120],{"class":745},[722,7954,1123],{"class":735},[722,7956,742],{"class":727},[722,7958,1128],{"class":745},[722,7960,998],{"class":727},[722,7962,7963,7965,7967],{"class":724,"line":804},[722,7964,947],{"class":727},[722,7966,1188],{"class":731},[722,7968,749],{"class":727},[696,7970,7971,7972,7974,7975,6,7977,769],{},"Berikan objek sebagai gantinya dari ",[700,7973,3325],{}," untuk menyesuaikan ",[700,7976,3329],{},[700,7978,3332],{},[713,7980,7981],{"className":1250,"code":3335,"language":1252,"meta":718,"style":718},[700,7982,7983],{"__ignoreMap":718},[722,7984,7985,7987,7989,7991,7993,7995,7997,7999,8001,8003,8005,8007,8009,8011,8013,8015,8017,8019,8021,8023,8025,8027],{"class":724,"line":8},[722,7986,728],{"class":727},[722,7988,1188],{"class":731},[722,7990,1628],{"class":727},[722,7992,702],{"class":735},[722,7994,742],{"class":727},[722,7996,982],{"class":745},[722,7998,3354],{"class":727},[722,8000,982],{"class":745},[722,8002,2937],{"class":735},[722,8004,742],{"class":727},[722,8006,2942],{"class":745},[722,8008,1628],{"class":727},[722,8010,1782],{"class":735},[722,8012,742],{"class":727},[722,8014,982],{"class":745},[722,8016,3373],{"class":727},[722,8018,3376],{"class":772},[722,8020,3379],{"class":727},[722,8022,3382],{"class":772},[722,8024,2960],{"class":727},[722,8026,982],{"class":745},[722,8028,998],{"class":727},[696,8030,8031,8032,8034,8035,8037,8038,1228],{},"Hilangkan salah satu field (atau berikan ",[700,8033,1782],{}," sebagai ",[700,8036,3325],{},") dan default ke ",[700,8039,3400],{},[696,8041,8042,8043,8045,8046,8048],{},"Virtualizing menggantikan pagination sebagai strategi untuk dataset besar - sementara ",[700,8044,1782],{}," diatur, ",[700,8047,1090],{}," tidak berpengaruh dan kontrol pagination tidak dirender.",[1594,8050,8052],{"id":8051},"ukuran-garis-grid-dan-striped-rows","Ukuran, garis grid, dan striped rows",[696,8054,8055,926,8057,3421,8059,3421,8061,8063,8064,8066,8067,8069],{},[700,8056,1774],{},[700,8058,3420],{},[700,8060,3424],{},[700,8062,3427],{},") mengontrol padding sel dan ukuran teks. ",[700,8065,3431],{}," menambahkan border di sekitar setiap sel alih-alih hanya divider baris, dan ",[700,8068,3435],{}," mengganti background baris secara bergantian:",[709,8071],{"name":3439},[696,8073,8074,8075,8077,8078,3421,8080,8082],{},"Tabel gridlines mempertahankan satu outer frame rounded di sekitar scroll viewport, dengan garis antar kolom dan baris. Frame yang sama tetap ada di empty dan loading states; tidak ada border tabel ekstra yang ditambahkan. Gunakan ",[700,8076,3445],{}," untuk menyesuaikan frame dan ",[700,8079,3449],{},[700,8081,3452],{}," untuk garis sel.",[713,8084,8085],{"className":1250,"code":3456,"language":1252,"meta":718,"style":718},[700,8086,8087,8117,8137,8157,8177],{"__ignoreMap":718},[722,8088,8089,8091,8093,8095,8097,8099,8101,8103,8105,8107,8109,8111,8113,8115],{"class":724,"line":8},[722,8090,728],{"class":727},[722,8092,1188],{"class":731},[722,8094,1628],{"class":727},[722,8096,702],{"class":735},[722,8098,742],{"class":727},[722,8100,982],{"class":745},[722,8102,1060],{"class":727},[722,8104,982],{"class":745},[722,8106,3479],{"class":735},[722,8108,3482],{"class":735},[722,8110,3182],{"class":735},[722,8112,742],{"class":727},[722,8114,3187],{"class":745},[722,8116,749],{"class":727},[722,8118,8119,8121,8123,8125,8127,8129,8131,8133,8135],{"class":724,"line":752},[722,8120,971],{"class":727},[722,8122,1112],{"class":731},[722,8124,1115],{"class":735},[722,8126,742],{"class":727},[722,8128,1120],{"class":745},[722,8130,1123],{"class":735},[722,8132,742],{"class":727},[722,8134,1128],{"class":745},[722,8136,998],{"class":727},[722,8138,8139,8141,8143,8145,8147,8149,8151,8153,8155],{"class":724,"line":798},[722,8140,971],{"class":727},[722,8142,1112],{"class":731},[722,8144,1115],{"class":735},[722,8146,742],{"class":727},[722,8148,1149],{"class":745},[722,8150,1123],{"class":735},[722,8152,742],{"class":727},[722,8154,1156],{"class":745},[722,8156,998],{"class":727},[722,8158,8159,8161,8163,8165,8167,8169,8171,8173,8175],{"class":724,"line":804},[722,8160,971],{"class":727},[722,8162,1112],{"class":731},[722,8164,1115],{"class":735},[722,8166,742],{"class":727},[722,8168,1171],{"class":745},[722,8170,1123],{"class":735},[722,8172,742],{"class":727},[722,8174,1178],{"class":745},[722,8176,998],{"class":727},[722,8178,8179,8181,8183],{"class":724,"line":827},[722,8180,947],{"class":727},[722,8182,1188],{"class":731},[722,8184,749],{"class":727},[1594,8186,3562],{"id":3561},[696,8188,8189,8191],{},[700,8190,3561],{}," menumpangkan spinner di atas tabel sambil membiarkan baris yang ada tetap terlihat di bawahnya, daripada beralih ke empty state:",[709,8193],{"name":3570},[713,8195,8196],{"className":1250,"code":3573,"language":1252,"meta":718,"style":718},[700,8197,8198,8230,8250,8270],{"__ignoreMap":718},[722,8199,8200,8202,8204,8206,8208,8210,8212,8214,8216,8218,8220,8222,8224,8226,8228],{"class":724,"line":8},[722,8201,728],{"class":727},[722,8203,1188],{"class":731},[722,8205,1628],{"class":727},[722,8207,702],{"class":735},[722,8209,742],{"class":727},[722,8211,982],{"class":745},[722,8213,1060],{"class":727},[722,8215,982],{"class":745},[722,8217,1628],{"class":727},[722,8219,3561],{"class":735},[722,8221,742],{"class":727},[722,8223,982],{"class":745},[722,8225,3561],{"class":727},[722,8227,982],{"class":745},[722,8229,749],{"class":727},[722,8231,8232,8234,8236,8238,8240,8242,8244,8246,8248],{"class":724,"line":752},[722,8233,971],{"class":727},[722,8235,1112],{"class":731},[722,8237,1115],{"class":735},[722,8239,742],{"class":727},[722,8241,1120],{"class":745},[722,8243,1123],{"class":735},[722,8245,742],{"class":727},[722,8247,1128],{"class":745},[722,8249,998],{"class":727},[722,8251,8252,8254,8256,8258,8260,8262,8264,8266,8268],{"class":724,"line":798},[722,8253,971],{"class":727},[722,8255,1112],{"class":731},[722,8257,1115],{"class":735},[722,8259,742],{"class":727},[722,8261,1149],{"class":745},[722,8263,1123],{"class":735},[722,8265,742],{"class":727},[722,8267,1156],{"class":745},[722,8269,998],{"class":727},[722,8271,8272,8274,8276],{"class":724,"line":804},[722,8273,947],{"class":727},[722,8275,1188],{"class":731},[722,8277,749],{"class":727},[1594,8279,3659],{"id":3658},[696,8281,8282,8284,8285,8287],{},[700,8283,1188],{}," mengekspos metode ",[700,8286,3667],{}," melalui template ref - mengunduh setiap baris yang cocok dengan filter\u002Fsort saat ini di semua halaman (bukan hanya halaman saat ini), melewatkan kolom seleksi\u002Fexpand sintetis apa pun:",[709,8289],{"name":3671},[713,8291,8292],{"className":1250,"code":3674,"language":1252,"meta":718,"style":718},[700,8293,8294,8310,8322,8330,8334,8342,8370,8374,8382,8408,8428,8448,8456],{"__ignoreMap":718},[722,8295,8296,8298,8300,8302,8304,8306,8308],{"class":724,"line":8},[722,8297,728],{"class":727},[722,8299,732],{"class":731},[722,8301,736],{"class":735},[722,8303,739],{"class":735},[722,8305,742],{"class":727},[722,8307,746],{"class":745},[722,8309,749],{"class":727},[722,8311,8312,8314,8316,8318,8320],{"class":724,"line":752},[722,8313,807],{"class":755},[722,8315,3699],{"class":772},[722,8317,813],{"class":755},[722,8319,816],{"class":735},[722,8321,3706],{"class":727},[722,8323,8324,8326,8328],{"class":724,"line":798},[722,8325,947],{"class":727},[722,8327,732],{"class":731},[722,8329,749],{"class":727},[722,8331,8332],{"class":724,"line":804},[722,8333,801],{"emptyLinePlaceholder":686},[722,8335,8336,8338,8340],{"class":724,"line":827},[722,8337,728],{"class":727},[722,8339,964],{"class":731},[722,8341,749],{"class":727},[722,8343,8344,8346,8348,8350,8352,8354,8356,8358,8360,8362,8364,8366,8368],{"class":724,"line":851},[722,8345,971],{"class":727},[722,8347,3171],{"class":731},[722,8349,2518],{"class":727},[722,8351,3737],{"class":735},[722,8353,742],{"class":727},[722,8355,982],{"class":745},[722,8357,3744],{"class":727},[722,8359,3747],{"class":735},[722,8361,908],{"class":727},[722,8363,3752],{"class":745},[722,8365,2556],{"class":727},[722,8367,982],{"class":745},[722,8369,749],{"class":727},[722,8371,8372],{"class":724,"line":871},[722,8373,3763],{"class":727},[722,8375,8376,8378,8380],{"class":724,"line":877},[722,8377,1185],{"class":727},[722,8379,3171],{"class":731},[722,8381,749],{"class":727},[722,8383,8384,8386,8388,8390,8392,8394,8396,8398,8400,8402,8404,8406],{"class":724,"line":882},[722,8385,971],{"class":727},[722,8387,1188],{"class":731},[722,8389,816],{"class":735},[722,8391,742],{"class":727},[722,8393,3784],{"class":745},[722,8395,1628],{"class":727},[722,8397,702],{"class":735},[722,8399,742],{"class":727},[722,8401,982],{"class":745},[722,8403,1060],{"class":727},[722,8405,982],{"class":745},[722,8407,749],{"class":727},[722,8409,8410,8412,8414,8416,8418,8420,8422,8424,8426],{"class":724,"line":13},[722,8411,1109],{"class":727},[722,8413,1112],{"class":731},[722,8415,1115],{"class":735},[722,8417,742],{"class":727},[722,8419,1120],{"class":745},[722,8421,1123],{"class":735},[722,8423,742],{"class":727},[722,8425,1128],{"class":745},[722,8427,998],{"class":727},[722,8429,8430,8432,8434,8436,8438,8440,8442,8444,8446],{"class":724,"line":151},[722,8431,1109],{"class":727},[722,8433,1112],{"class":731},[722,8435,1115],{"class":735},[722,8437,742],{"class":727},[722,8439,1149],{"class":745},[722,8441,1123],{"class":735},[722,8443,742],{"class":727},[722,8445,1156],{"class":745},[722,8447,998],{"class":727},[722,8449,8450,8452,8454],{"class":724,"line":170},[722,8451,1185],{"class":727},[722,8453,1188],{"class":731},[722,8455,749],{"class":727},[722,8457,8458,8460,8462],{"class":724,"line":954},[722,8459,947],{"class":727},[722,8461,964],{"class":731},[722,8463,749],{"class":727},[1594,8465,3858],{"id":3857},[696,8467,8468,8469,8471,8472,8474,8475,6,8477,6,8479,8481,8482,8484,8485,8487,8488,6,8490,6,8492,8494,8495,8497],{},"Secara default, ",[700,8470,1188],{}," mensortir\u002Fmenfilter\u002Fmemaginate ",[700,8473,702],{}," sendiri, secara lokal, setiap waktu. Atur ",[700,8476,3870],{},[700,8478,3873],{},[700,8480,3876],{}," saat ",[700,8483,702],{}," sudah disortir\u002Fdifilter\u002Fdipaginate server-side - masing-masing membuat concern tersebut tidak ikut dalam local row model (istilah TanStack untuk daftar baris aktual yang dihitung setelah menerapkan sorting\u002Ffiltering\u002Fpagination), sehingga ",[700,8486,1188],{}," tidak secara redundan (dan salah) memproses ulang slice yang sudah ditangani server. ",[700,8489,1888],{},[700,8491,1037],{},[700,8493,3890],{}," tetap menggerakkan UI dan tetap memancarkan event ",[700,8496,3894],{}," mereka secara normal; hanya local row model di belakangnya yang berubah.",[696,8499,8500,8502,8503,8505,8506,8508,8509,8511,8512,8515],{},[700,8501,3876],{}," juga menyembunyikan UI pagination bawaan sepenuhnya - tidak ada cara untuk mendapatkan page count nyata dari slice server-paginated dari ",[700,8504,702],{},", dan menebaknya akan menyesatkan. Bawa ",[1241,8507,3906],{"href":372}," Anda sendiri sebagai gantinya, bound ke apa pun yang server Anda kembalikan, dengan cara yang sama seperti tabel ini mengharapkan Anda membawa search input sendiri untuk ",[700,8510,1037],{}," (lihat ",[1241,8513,5667],{"href":8514},"#penggunaan"," di atas) daripada merender sendiri:",[713,8517,8518],{"className":1250,"code":3917,"language":1252,"meta":718,"style":718},[700,8519,8520,8536,8548,8564,8580,8592,8596,8610,8624,8632,8640,8648,8656,8660,8668,8674,8690,8706,8720,8724,8728,8732,8754,8776,8784,8790,8808,8822,8836,8870,8874],{"__ignoreMap":718},[722,8521,8522,8524,8526,8528,8530,8532,8534],{"class":724,"line":8},[722,8523,728],{"class":727},[722,8525,732],{"class":731},[722,8527,736],{"class":735},[722,8529,739],{"class":735},[722,8531,742],{"class":727},[722,8533,746],{"class":745},[722,8535,749],{"class":727},[722,8537,8538,8540,8542,8544,8546],{"class":724,"line":752},[722,8539,807],{"class":755},[722,8541,3942],{"class":772},[722,8543,813],{"class":755},[722,8545,816],{"class":735},[722,8547,3949],{"class":727},[722,8549,8550,8552,8554,8556,8558,8560,8562],{"class":724,"line":798},[722,8551,807],{"class":755},[722,8553,3956],{"class":772},[722,8555,813],{"class":755},[722,8557,816],{"class":735},[722,8559,908],{"class":727},[722,8561,3965],{"class":772},[722,8563,914],{"class":727},[722,8565,8566,8568,8570,8572,8574,8576,8578],{"class":724,"line":804},[722,8567,807],{"class":755},[722,8569,3974],{"class":772},[722,8571,813],{"class":755},[722,8573,816],{"class":735},[722,8575,908],{"class":727},[722,8577,3965],{"class":772},[722,8579,914],{"class":727},[722,8581,8582,8584,8586,8588,8590],{"class":724,"line":827},[722,8583,807],{"class":755},[722,8585,3991],{"class":772},[722,8587,813],{"class":755},[722,8589,816],{"class":735},[722,8591,3949],{"class":727},[722,8593,8594],{"class":724,"line":851},[722,8595,801],{"emptyLinePlaceholder":686},[722,8597,8598,8600,8602,8604,8606,8608],{"class":724,"line":871},[722,8599,4006],{"class":735},[722,8601,4009],{"class":727},[722,8603,4012],{"class":755},[722,8605,4015],{"class":727},[722,8607,939],{"class":755},[722,8609,4020],{"class":727},[722,8611,8612,8614,8616,8618,8620,8622],{"class":724,"line":877},[722,8613,4025],{"class":755},[722,8615,4028],{"class":772},[722,8617,813],{"class":755},[722,8619,4033],{"class":755},[722,8621,4036],{"class":735},[722,8623,4039],{"class":727},[722,8625,8626,8628,8630],{"class":724,"line":882},[722,8627,4044],{"class":727},[722,8629,742],{"class":755},[722,8631,4049],{"class":727},[722,8633,8634,8636,8638],{"class":724,"line":13},[722,8635,4054],{"class":727},[722,8637,742],{"class":755},[722,8639,4059],{"class":727},[722,8641,8642,8644,8646],{"class":724,"line":151},[722,8643,4064],{"class":727},[722,8645,3325],{"class":772},[722,8647,4069],{"class":727},[722,8649,8650,8652,8654],{"class":724,"line":170},[722,8651,947],{"class":727},[722,8653,732],{"class":731},[722,8655,749],{"class":727},[722,8657,8658],{"class":724,"line":954},[722,8659,801],{"emptyLinePlaceholder":686},[722,8661,8662,8664,8666],{"class":724,"line":959},[722,8663,728],{"class":727},[722,8665,964],{"class":731},[722,8667,749],{"class":727},[722,8669,8670,8672],{"class":724,"line":648},[722,8671,971],{"class":727},[722,8673,1006],{"class":731},[722,8675,8676,8678,8680,8682,8684,8686,8688],{"class":724,"line":1001},[722,8677,1012],{"class":735},[722,8679,769],{"class":727},[722,8681,1888],{"class":735},[722,8683,742],{"class":727},[722,8685,982],{"class":745},[722,8687,1888],{"class":727},[722,8689,1027],{"class":745},[722,8691,8692,8694,8696,8698,8700,8702,8704],{"class":724,"line":1009},[722,8693,1012],{"class":735},[722,8695,769],{"class":727},[722,8697,3890],{"class":735},[722,8699,742],{"class":727},[722,8701,982],{"class":745},[722,8703,4126],{"class":727},[722,8705,1027],{"class":745},[722,8707,8708,8710,8712,8714,8716,8718],{"class":724,"line":1030},[722,8709,1051],{"class":727},[722,8711,702],{"class":735},[722,8713,742],{"class":727},[722,8715,982],{"class":745},[722,8717,3354],{"class":727},[722,8719,1027],{"class":745},[722,8721,8722],{"class":724,"line":1048},[722,8723,4147],{"class":735},[722,8725,8726],{"class":724,"line":30},[722,8727,4152],{"class":735},[722,8729,8730],{"class":724,"line":247},[722,8731,1104],{"class":727},[722,8733,8734,8736,8738,8740,8742,8744,8746,8748,8750,8752],{"class":724,"line":257},[722,8735,1109],{"class":727},[722,8737,1112],{"class":731},[722,8739,1115],{"class":735},[722,8741,742],{"class":727},[722,8743,1120],{"class":745},[722,8745,1123],{"class":735},[722,8747,742],{"class":727},[722,8749,1128],{"class":745},[722,8751,1134],{"class":735},[722,8753,998],{"class":727},[722,8755,8756,8758,8760,8762,8764,8766,8768,8770,8772,8774],{"class":724,"line":272},[722,8757,1109],{"class":727},[722,8759,1112],{"class":731},[722,8761,1115],{"class":735},[722,8763,742],{"class":727},[722,8765,1149],{"class":745},[722,8767,1123],{"class":735},[722,8769,742],{"class":727},[722,8771,1156],{"class":745},[722,8773,1134],{"class":735},[722,8775,998],{"class":727},[722,8777,8778,8780,8782],{"class":724,"line":287},[722,8779,1185],{"class":727},[722,8781,1188],{"class":731},[722,8783,749],{"class":727},[722,8785,8786,8788],{"class":724,"line":292},[722,8787,971],{"class":727},[722,8789,4215],{"class":731},[722,8791,8792,8794,8796,8798,8800,8802,8804,8806],{"class":724,"line":302},[722,8793,1051],{"class":727},[722,8795,4222],{"class":735},[722,8797,742],{"class":727},[722,8799,982],{"class":745},[722,8801,4229],{"class":727},[722,8803,4232],{"class":755},[722,8805,4235],{"class":772},[722,8807,1027],{"class":745},[722,8809,8810,8812,8814,8816,8818,8820],{"class":724,"line":307},[722,8811,1051],{"class":727},[722,8813,4244],{"class":735},[722,8815,742],{"class":727},[722,8817,982],{"class":745},[722,8819,4244],{"class":727},[722,8821,1027],{"class":745},[722,8823,8824,8826,8828,8830,8832,8834],{"class":724,"line":312},[722,8825,1051],{"class":727},[722,8827,4259],{"class":735},[722,8829,742],{"class":727},[722,8831,982],{"class":745},[722,8833,4266],{"class":772},[722,8835,1027],{"class":745},[722,8837,8838,8840,8842,8844,8846,8848,8850,8852,8854,8856,8858,8860,8862,8864,8866,8868],{"class":724,"line":326},[722,8839,4273],{"class":727},[722,8841,4276],{"class":735},[722,8843,769],{"class":727},[722,8845,4222],{"class":735},[722,8847,742],{"class":727},[722,8849,982],{"class":745},[722,8851,908],{"class":727},[722,8853,4222],{"class":765},[722,8855,936],{"class":727},[722,8857,939],{"class":755},[722,8859,4295],{"class":727},[722,8861,742],{"class":755},[722,8863,4300],{"class":727},[722,8865,4303],{"class":755},[722,8867,4235],{"class":772},[722,8869,1027],{"class":745},[722,8871,8872],{"class":724,"line":35},[722,8873,4312],{"class":727},[722,8875,8876,8878,8880],{"class":724,"line":335},[722,8877,947],{"class":727},[722,8879,964],{"class":731},[722,8881,749],{"class":727},[1594,8883,4324],{"id":4323},[696,8885,8886,8887,8889,8890,8892,8893,8895,8896,8898,8899,8901,8902,8904,8905,8907,8908,8910,8911,769],{},"Untuk type inference TanStack penuh (atau fitur yang ",[700,8888,706],{}," tidak ekspos), berikan prop ",[700,8891,4333],{}," sebagai gantinya dari anak ",[700,8894,706],{},". Definisi kolom raw juga dimulai sebagai non-sortable; atur ",[700,8897,4340],{}," pada kolom yang harus disortir. ",[700,8900,1188],{}," menyimpulkan tipe barisnya dari ",[700,8903,702],{},", dan ",[700,8906,4350],{}," memeriksa accessor keys dan render contexts terhadap tipe yang sama. ",[700,8909,4354],{}," di-auto-import oleh modul Nuxt dan mengikat feature generic TanStack v9 ke feature set tetap yang digunakan oleh ",[700,8912,1188],{},[713,8914,8915],{"className":715,"code":4360,"language":717,"meta":718,"style":718},[700,8916,8917,8933,8965,8969,8985,8999,9019,9031,9039,9047,9071,9075,9079,9087,9091,9099,9131],{"__ignoreMap":718},[722,8918,8919,8921,8923,8925,8927,8929,8931],{"class":724,"line":8},[722,8920,728],{"class":727},[722,8922,732],{"class":731},[722,8924,736],{"class":735},[722,8926,739],{"class":735},[722,8928,742],{"class":727},[722,8930,746],{"class":745},[722,8932,749],{"class":727},[722,8934,8935,8937,8939,8941,8943,8945,8947,8949,8951,8953,8955,8957,8959,8961,8963],{"class":724,"line":752},[722,8936,756],{"class":755},[722,8938,759],{"class":735},[722,8940,762],{"class":727},[722,8942,2550],{"class":765},[722,8944,769],{"class":755},[722,8946,773],{"class":772},[722,8948,776],{"class":727},[722,8950,766],{"class":765},[722,8952,769],{"class":755},[722,8954,773],{"class":772},[722,8956,776],{"class":727},[722,8958,4405],{"class":765},[722,8960,769],{"class":755},[722,8962,4410],{"class":772},[722,8964,795],{"class":727},[722,8966,8967],{"class":724,"line":798},[722,8968,801],{"emptyLinePlaceholder":686},[722,8970,8971,8973,8975,8977,8979,8981,8983],{"class":724,"line":804},[722,8972,807],{"class":755},[722,8974,4423],{"class":772},[722,8976,813],{"class":755},[722,8978,4428],{"class":735},[722,8980,728],{"class":727},[722,8982,821],{"class":735},[722,8984,4435],{"class":727},[722,8986,8987,8989,8991,8993,8995,8997],{"class":724,"line":827},[722,8988,807],{"class":755},[722,8990,4442],{"class":772},[722,8992,813],{"class":755},[722,8994,4447],{"class":727},[722,8996,4333],{"class":735},[722,8998,4452],{"class":727},[722,9000,9001,9003,9005,9007,9009,9011,9013,9015,9017],{"class":724,"line":851},[722,9002,4457],{"class":727},[722,9004,4460],{"class":735},[722,9006,908],{"class":727},[722,9008,1839],{"class":745},[722,9010,4467],{"class":727},[722,9012,4470],{"class":745},[722,9014,4473],{"class":727},[722,9016,3325],{"class":772},[722,9018,4478],{"class":727},[722,9020,9021,9023,9025,9027,9029],{"class":724,"line":871},[722,9022,4457],{"class":727},[722,9024,4460],{"class":735},[722,9026,908],{"class":727},[722,9028,4489],{"class":745},[722,9030,4492],{"class":727},[722,9032,9033,9035,9037],{"class":724,"line":877},[722,9034,4497],{"class":727},[722,9036,4500],{"class":745},[722,9038,4503],{"class":727},[722,9040,9041,9043,9045],{"class":724,"line":882},[722,9042,4508],{"class":727},[722,9044,3325],{"class":772},[722,9046,4503],{"class":727},[722,9048,9049,9051,9053,9055,9057,9059,9061,9063,9065,9067,9069],{"class":724,"line":13},[722,9050,4517],{"class":735},[722,9052,4520],{"class":727},[722,9054,4523],{"class":765},[722,9056,1295],{"class":755},[722,9058,4528],{"class":727},[722,9060,4531],{"class":735},[722,9062,4534],{"class":727},[722,9064,4537],{"class":735},[722,9066,908],{"class":727},[722,9068,3965],{"class":772},[722,9070,4544],{"class":727},[722,9072,9073],{"class":724,"line":151},[722,9074,4549],{"class":727},[722,9076,9077],{"class":724,"line":170},[722,9078,874],{"class":727},[722,9080,9081,9083,9085],{"class":724,"line":954},[722,9082,947],{"class":727},[722,9084,732],{"class":731},[722,9086,749],{"class":727},[722,9088,9089],{"class":724,"line":959},[722,9090,801],{"emptyLinePlaceholder":686},[722,9092,9093,9095,9097],{"class":724,"line":648},[722,9094,728],{"class":727},[722,9096,964],{"class":731},[722,9098,749],{"class":727},[722,9100,9101,9103,9105,9107,9109,9111,9113,9115,9117,9119,9121,9123,9125,9127,9129],{"class":724,"line":1001},[722,9102,971],{"class":727},[722,9104,1188],{"class":731},[722,9106,1628],{"class":727},[722,9108,702],{"class":735},[722,9110,742],{"class":727},[722,9112,982],{"class":745},[722,9114,1060],{"class":727},[722,9116,982],{"class":745},[722,9118,1628],{"class":727},[722,9120,4333],{"class":735},[722,9122,742],{"class":727},[722,9124,982],{"class":745},[722,9126,4333],{"class":727},[722,9128,982],{"class":745},[722,9130,998],{"class":727},[722,9132,9133,9135,9137],{"class":724,"line":1009},[722,9134,947],{"class":727},[722,9136,964],{"class":731},[722,9138,749],{"class":727},[691,9140,4617],{"id":4616},[696,9142,9143,9144,9146,9147,9149,9150,9152,9153,9155,9156,9158,9159,9161,9162,9164,9165,9167,9168,9170],{},"Prop ",[700,9145,4624],{}," milik ",[700,9148,706],{}," tetap ",[700,9151,4628],{}," biasa, bukan ",[700,9154,4632],{}," - ini adalah keterbatasan Vue yang nyata (generic type parameter parent tidak berpropagasi ke komponen anak yang direferensikan dalam template-nya), bukan sesuatu yang unik untuk ",[700,9157,1188],{}," - setiap API tabel declarative-column-as-children di Vue memiliki gap yang sama. Sebagai safety net murah, ",[700,9160,1188],{}," memperingatkan di dev mode (bukan production) jika ",[700,9163,4624],{}," kolom tidak ada sebagai key pada baris pertama ",[700,9166,702],{}," - menangkap typo tanpa tipu-tipu type-system. Untuk compile-time safety yang sebenarnya, gunakan escape hatch ",[700,9169,4333],{}," di atas sebagai gantinya.",[696,9172,9173,9174,776,9176,776,9178,776,9180,9182,9183,9185,9186,1228],{},"Komponen tabel itu sendiri adalah generic. ",[700,9175,4333],{},[700,9177,4656],{},[700,9179,4659],{},[700,9181,4662],{},", row events, dan slot ",[700,9184,2176],{}," semua berbagi tipe baris yang diinfer dari ",[700,9187,702],{},[1594,9189,9191],{"id":9190},"aksesibilitas","Aksesibilitas",[696,9193,9194,9195,6,9197,9199,9200,9202,9203,9205,9206,9208,9209,9211,9212,9214],{},"Header yang dapat disortir dapat dioperasikan dengan keyboard (",[1210,9196,1212],{},[1210,9198,1215],{}," men toggle sort, sama seperti klik) dan mengekspos ",[700,9201,4682],{}," yang mencerminkan state saat ini. Toggle row-expansion adalah ",[700,9204,4686],{}," nyata dengan ",[700,9207,4690],{}," \"Expand row\"\u002F\"Collapse row\" yang diperbarui sesuai state-nya. Setiap kolom yang dapat difilter memiliki tombol filter berlabel yang membuka filter teksnya dalam popover; aksi Clear-nya mereset filter kolom itu. Checkbox column-visibility adalah elemen ",[700,9210,4694],{}," standar, dan pagination adalah ",[1241,9213,3906],{"href":372}," bersarang, jadi keduanya mewarisi perilaku aksesibilitas komponen-komponen tersebut daripada mereimplementasinya di sini.",[691,9216,4702,9217],{"id":4701},[700,9218,4705],{},[696,9220,9221,6,9223,9225,9226,9228,9229,9231,9232,9234],{},[700,9222,706],{},[700,9224,1603],{}," tidak merender DOM sendiri (lihat ",[1241,9227,4324],{"href":4715}," di atas) dan tidak memiliki file tema - setiap visual slot berada pada ",[700,9230,1188],{}," itu sendiri. Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot - berikut adalah file tema ",[700,9233,328],{}," sendiri:",[4724,9236],{"name":4726},[691,9238,4730],{"id":4729},[1594,9240,1188],{"id":4733},[4726,9242,9243,9254],{},[4737,9244,9245],{},[4740,9246,9247,9249,9252],{},[4743,9248,4745],{},[4743,9250,9251],{},"Tipe",[4743,9253,4751],{},[4753,9255,9256,9270,9282,9294,9308,9320,9334,9348,9361,9375,9387,9399,9411,9423,9435,9449,9463,9477,9491,9505,9522,9534,9546,9560,9572,9586,9600,9614,9628,9640,9652,9664],{},[4740,9257,9258,9262,9266],{},[4758,9259,9260],{},[700,9261,4762],{},[4758,9263,9264],{},[1241,9265,4767],{"href":84},[4758,9267,9268],{},[700,9269,4772],{},[4740,9271,9272,9276,9280],{},[4758,9273,9274],{},[700,9275,702],{},[4758,9277,9278],{},[700,9279,4783],{},[4758,9281,4303],{},[4740,9283,9284,9288,9292],{},[4758,9285,9286],{},[700,9287,4333],{},[4758,9289,9290],{},[700,9291,4796],{},[4758,9293,4303],{},[4740,9295,9296,9300,9304],{},[4758,9297,9298],{},[700,9299,1223],{},[4758,9301,9302],{},[700,9303,4809],{},[4758,9305,9306],{},[700,9307,1845],{},[4740,9309,9310,9314,9318],{},[4758,9311,9312],{},[700,9313,4820],{},[4758,9315,9316],{},[700,9317,4825],{},[4758,9319,4828],{},[4740,9321,9322,9326,9330],{},[4758,9323,9324],{},[700,9325,4835],{},[4758,9327,9328],{},[700,9329,4809],{},[4758,9331,9332],{},[700,9333,1845],{},[4740,9335,9336,9340,9344],{},[4758,9337,9338],{},[700,9339,4850],{},[4758,9341,9342],{},[700,9343,4809],{},[4758,9345,9346],{},[700,9347,1845],{},[4740,9349,9350,9354,9358],{},[4758,9351,9352],{},[700,9353,4865],{},[4758,9355,9356],{},[700,9357,4870],{},[4758,9359,9360],{},"- (tidak ada pagination sampai diatur)",[4740,9362,9363,9367,9371],{},[4758,9364,9365],{},[700,9366,3561],{},[4758,9368,9369],{},[700,9370,4809],{},[4758,9372,9373],{},[700,9374,1845],{},[4740,9376,9377,9381,9385],{},[4758,9378,9379],{},[700,9380,1888],{},[4758,9382,9383],{},[700,9384,4898],{},[4758,9386,4303],{},[4740,9388,9389,9393,9397],{},[4758,9390,9391],{},[700,9392,4907],{},[4758,9394,9395],{},[700,9396,4898],{},[4758,9398,4303],{},[4740,9400,9401,9405,9409],{},[4758,9402,9403],{},[700,9404,1024],{},[4758,9406,9407],{},[700,9408,4924],{},[4758,9410,4303],{},[4740,9412,9413,9417,9421],{},[4758,9414,9415],{},[700,9416,985],{},[4758,9418,9419],{},[700,9420,4628],{},[4758,9422,4303],{},[4740,9424,9425,9429,9433],{},[4758,9426,9427],{},[700,9428,4126],{},[4758,9430,9431],{},[700,9432,4870],{},[4758,9434,4303],{},[4740,9436,9437,9441,9445],{},[4758,9438,9439],{},[700,9440,1774],{},[4758,9442,9443],{},[700,9444,4961],{},[4758,9446,9447],{},[700,9448,4966],{},[4740,9450,9451,9455,9459],{},[4758,9452,9453],{},[700,9454,3431],{},[4758,9456,9457],{},[700,9458,4809],{},[4758,9460,9461],{},[700,9462,1845],{},[4740,9464,9465,9469,9473],{},[4758,9466,9467],{},[700,9468,3435],{},[4758,9470,9471],{},[700,9472,4809],{},[4758,9474,9475],{},[700,9476,1845],{},[4740,9478,9479,9483,9487],{},[4758,9480,9481],{},[700,9482,2169],{},[4758,9484,9485],{},[700,9486,4809],{},[4758,9488,9489],{},[700,9490,1845],{},[4740,9492,9493,9497,9501],{},[4758,9494,9495],{},[700,9496,2347],{},[4758,9498,9499],{},[700,9500,4809],{},[4758,9502,9503],{},[700,9504,1845],{},[4740,9506,9507,9511,9515],{},[4758,9508,9509],{},[700,9510,5029],{},[4758,9512,9513],{},[700,9514,5034],{},[4758,9516,9517,8481,9519,9521],{},[700,9518,5039],{},[700,9520,2347],{}," aktif",[4740,9523,9524,9528,9532],{},[4758,9525,9526],{},[700,9527,2176],{},[4758,9529,9530],{},[700,9531,5054],{},[4758,9533,4303],{},[4740,9535,9536,9540,9544],{},[4758,9537,9538],{},[700,9539,5063],{},[4758,9541,9542],{},[700,9543,5068],{},[4758,9545,4303],{},[4740,9547,9548,9552,9556],{},[4758,9549,9550],{},[700,9551,5077],{},[4758,9553,9554],{},[700,9555,4809],{},[4758,9557,9558],{},[700,9559,1845],{},[4740,9561,9562,9566,9570],{},[4758,9563,9564],{},[700,9565,5092],{},[4758,9567,9568],{},[700,9569,4628],{},[4758,9571,4303],{},[4740,9573,9574,9578,9582],{},[4758,9575,9576],{},[700,9577,1782],{},[4758,9579,9580],{},[700,9581,5109],{},[4758,9583,9584],{},[700,9585,1845],{},[4740,9587,9588,9592,9596],{},[4758,9589,9590],{},[700,9591,5120],{},[4758,9593,9594],{},[700,9595,4809],{},[4758,9597,9598],{},[700,9599,1845],{},[4740,9601,9602,9606,9610],{},[4758,9603,9604],{},[700,9605,5135],{},[4758,9607,9608],{},[700,9609,4809],{},[4758,9611,9612],{},[700,9613,1845],{},[4740,9615,9616,9620,9624],{},[4758,9617,9618],{},[700,9619,5150],{},[4758,9621,9622],{},[700,9623,4809],{},[4758,9625,9626],{},[700,9627,1845],{},[4740,9629,9630,9634,9638],{},[4758,9631,9632],{},[700,9633,4656],{},[4758,9635,9636],{},[700,9637,5169],{},[4758,9639,5172],{},[4740,9641,9642,9646,9650],{},[4758,9643,9644],{},[700,9645,4659],{},[4758,9647,9648],{},[700,9649,5183],{},[4758,9651,4303],{},[4740,9653,9654,9658,9662],{},[4758,9655,9656],{},[700,9657,4662],{},[4758,9659,9660],{},[700,9661,5196],{},[4758,9663,4303],{},[4740,9665,9666,9670,9674],{},[4758,9667,9668],{},[700,9669,2947],{},[4758,9671,9672],{},[700,9673,5209],{},[4758,9675,4303],{},[691,9677,5215],{"id":5214},[4726,9679,9680,9691],{},[4737,9681,9682],{},[4740,9683,9684,9686,9688],{},[4743,9685,5224],{},[4743,9687,5227],{},[4743,9689,9690],{},"Deskripsi",[4753,9692,9693,9711,9726,9741,9758,9775,9792,9805],{},[4740,9694,9695,9699,9703],{},[4758,9696,9697],{},[700,9698,5239],{},[4758,9700,9701],{},[700,9702,5244],{},[4758,9704,9705,9706,9708,9709,2556],{},"Backing ",[700,9707,1801],{}," - terpicu saat state sort berubah (lihat ",[1241,9710,1792],{"href":5253},[4740,9712,9713,9717,9721],{},[4758,9714,9715],{},[700,9716,5260],{},[4758,9718,9719],{},[700,9720,4924],{},[4758,9722,9705,9723,9725],{},[700,9724,1227],{}," - terpicu saat baris terpilih berubah",[4740,9727,9728,9732,9736],{},[4758,9729,9730],{},[700,9731,5276],{},[4758,9733,9734],{},[700,9735,4628],{},[4758,9737,9705,9738,9740],{},[700,9739,1591],{}," - terpicu saat nilai global filter berubah",[4740,9742,9743,9747,9751],{},[4758,9744,9745],{},[700,9746,5292],{},[4758,9748,9749],{},[700,9750,4870],{},[4758,9752,9705,9753,9755,9756,2556],{},[700,9754,1778],{}," - terpicu saat halaman saat ini berubah (lihat ",[1241,9757,371],{"href":5304},[4740,9759,9760,9764,9768],{},[4758,9761,9762],{},[700,9763,5311],{},[4758,9765,9766],{},[700,9767,5054],{},[4758,9769,9705,9770,9772,9773,2556],{},[700,9771,2336],{}," - terpicu saat state row expansion berubah (lihat ",[1241,9774,2164],{"href":5323},[4740,9776,9777,9781,9785],{},[4758,9778,9779],{},[700,9780,5330],{},[4758,9782,9783],{},[700,9784,5068],{},[4758,9786,9705,9787,9789,9790,2556],{},[700,9788,2884],{}," - terpicu saat visibilitas kolom berubah (lihat ",[1241,9791,2773],{"href":5342},[4740,9793,9794,9798,9802],{},[4758,9795,9796],{},[700,9797,5349],{},[4758,9799,9800],{},[700,9801,5354],{},[4758,9803,9804],{},"Terpicu saat body row diklik",[4740,9806,9807,9811,9815],{},[4758,9808,9809],{},[700,9810,5364],{},[4758,9812,9813],{},[700,9814,5354],{},[4758,9816,9817],{},"Terpicu saat body row di-right-click",[1594,9819,1112],{"id":5374},[4726,9821,9822,9832],{},[4737,9823,9824],{},[4740,9825,9826,9828,9830],{},[4743,9827,4745],{},[4743,9829,9251],{},[4743,9831,4751],{},[4753,9833,9834,9846,9858,9870,9884,9898],{},[4740,9835,9836,9840,9844],{},[4758,9837,9838],{},[700,9839,4624],{},[4758,9841,9842],{},[700,9843,4628],{},[4758,9845,5401],{},[4740,9847,9848,9852,9856],{},[4758,9849,9850],{},[700,9851,2019],{},[4758,9853,9854],{},[700,9855,4628],{},[4758,9857,4303],{},[4740,9859,9860,9864,9868],{},[4758,9861,9862],{},[700,9863,2023],{},[4758,9865,9866],{},[700,9867,4628],{},[4758,9869,4303],{},[4740,9871,9872,9876,9880],{},[4758,9873,9874],{},[700,9875,1204],{},[4758,9877,9878],{},[700,9879,4809],{},[4758,9881,9882],{},[700,9883,1845],{},[4740,9885,9886,9890,9894],{},[4758,9887,9888],{},[700,9889,1219],{},[4758,9891,9892],{},[700,9893,4809],{},[4758,9895,9896],{},[700,9897,1845],{},[4740,9899,9900,9904,9908],{},[4758,9901,9902],{},[700,9903,5460],{},[4758,9905,9906],{},[700,9907,5465],{},[4758,9909,4303],{},[1594,9911,1668],{"id":5470},[4726,9913,9914,9924],{},[4737,9915,9916],{},[4740,9917,9918,9920,9922],{},[4743,9919,4745],{},[4743,9921,9251],{},[4743,9923,4751],{},[4753,9925,9926,9938],{},[4740,9927,9928,9932,9936],{},[4758,9929,9930],{},[700,9931,2019],{},[4758,9933,9934],{},[700,9935,4628],{},[4758,9937,4303],{},[4740,9939,9940,9944,9948],{},[4758,9941,9942],{},[700,9943,2023],{},[4758,9945,9946],{},[700,9947,4628],{},[4758,9949,4303],{},[691,9951,5512],{"id":5511},[4726,9953,9954,9964],{},[4737,9955,9956],{},[4740,9957,9958,9960,9962],{},[4743,9959,5521],{},[4743,9961,4730],{},[4743,9963,9690],{},[4753,9965,9966,9980],{},[4740,9967,9968,9972,9974],{},[4758,9969,9970],{},[700,9971,5534],{},[4758,9973,4303],{},[4758,9975,9976,9977,9979],{},"Ditampilkan saat ",[700,9978,702],{}," kosong",[4740,9981,9982,9986,9990],{},[4758,9983,9984],{},[700,9985,2176],{},[4758,9987,9988],{},[700,9989,2180],{},[4758,9991,9992,9993,2556],{},"Konten detail untuk baris yang diperluas (membutuhkan ",[700,9994,2169],{},[696,9996,9997,9998,10000,10001,10003,10004,6,10006,10008,10009,6,10011,10013,10014,10016,10017,10019],{},"Slot default milik ",[700,9999,706],{}," menyesuaikan konten sel kolom itu - lihat ",[1241,10002,1901],{"href":5565}," di atas. ",[700,10005,706],{},[700,10007,1603],{}," juga mengambil slot ",[700,10010,2019],{},[700,10012,2023],{}," (scoped dengan ",[700,10015,2027],{},") - lihat ",[1241,10018,2009],{"href":5582}," di atas.",[691,10021,5587],{"id":5586},[696,10023,10024,10025,1228],{},"Akses ini melalui template ref pada ",[700,10026,1188],{},[4726,10028,10029,10037],{},[4737,10030,10031],{},[4740,10032,10033,10035],{},[4743,10034,5601],{},[4743,10036,9690],{},[4753,10038,10039],{},[4740,10040,10041,10045],{},[4758,10042,10043],{},[700,10044,5612],{},[4758,10046,10047],{},"Mengunduh semua baris yang cocok (di seluruh halaman) sebagai file CSV",[5617,10049,5619],{},{"title":718,"searchDepth":798,"depth":798,"links":10051},[10052,10071,10074,10075,10078,10082,10083],{"id":5666,"depth":752,"text":5667,"children":10053},[10054,10055,10056,10057,10058,10059,10060,10061,10062,10063,10064,10065,10066,10067,10068,10069,10070],{"id":1596,"depth":798,"text":1597},{"id":1762,"depth":798,"text":371},{"id":1791,"depth":798,"text":1792},{"id":1900,"depth":798,"text":1901},{"id":2008,"depth":798,"text":2009},{"id":2163,"depth":798,"text":2164},{"id":2340,"depth":798,"text":2341},{"id":2476,"depth":798,"text":2477},{"id":2631,"depth":798,"text":2632},{"id":2772,"depth":798,"text":2773},{"id":2888,"depth":798,"text":2889},{"id":3224,"depth":798,"text":1787},{"id":8051,"depth":798,"text":8052},{"id":3561,"depth":798,"text":3562},{"id":3658,"depth":798,"text":3659},{"id":3857,"depth":798,"text":3858},{"id":4323,"depth":798,"text":4324},{"id":4616,"depth":752,"text":4617,"children":10072},[10073],{"id":9190,"depth":798,"text":9191},{"id":4701,"depth":752,"text":5645},{"id":4729,"depth":752,"text":4730,"children":10076},[10077],{"id":4733,"depth":798,"text":1188},{"id":5214,"depth":752,"text":5215,"children":10079},[10080,10081],{"id":5374,"depth":798,"text":1112},{"id":5470,"depth":798,"text":1668},{"id":5511,"depth":752,"text":5512},{"id":5586,"depth":752,"text":5587},"Tabel yang dibangun di atas TanStack Table, dengan API kolom deklaratif - sorting, row selection, pagination, filtering, expansion, column visibility, virtual scroll, dan pinned columns langsung siap pakai.",{"components":10086},[1112,1668],"\u002Fid\u002Fcomponents\u002Fdata\u002Ftable",{"title":328,"description":10084},"id\u002Fcomponents\u002Fdata\u002Ftable","oSPbmFHQKRkl_oZzYmHwqTmlT5A9vL9kovf9wyYO_vw",1792925233853]