[{"data":1,"prerenderedAt":243},["ShallowReactive",2],{"navigation":3,"\u002Ffeatures\u002Freordering":60,"\u002Ffeatures\u002Freordering-surround":238},[4,20,45,50,55],{"title":5,"path":6,"stem":7,"children":8,"page":19},"Getting Started","\u002Fgetting-started","1.getting-started",[9,14],{"title":10,"path":11,"stem":12,"icon":13},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F1.installation","i-lucide-download",{"title":15,"path":16,"stem":17,"icon":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F2.usage","i-lucide-rocket",false,{"title":21,"path":22,"stem":23,"children":24,"page":19},"Features","\u002Ffeatures","2.features",[25,30,35,40],{"title":26,"path":27,"stem":28,"icon":29},"Features overview","\u002Ffeatures\u002Foverview","2.features\u002F0.overview","i-lucide-sparkles",{"title":31,"path":32,"stem":33,"icon":34},"Resizing Columns","\u002Ffeatures\u002Fresizing","2.features\u002F1.resizing","i-lucide-move-horizontal",{"title":36,"path":37,"stem":38,"icon":39},"Reordering Columns","\u002Ffeatures\u002Freordering","2.features\u002F2.reordering","i-lucide-grip-vertical",{"title":41,"path":42,"stem":43,"icon":44},"Sticky (Pinned) Columns","\u002Ffeatures\u002Fsticky-columns","2.features\u002F3.sticky-columns","i-lucide-pin",{"title":46,"path":47,"stem":48,"icon":49},"Storage","\u002Fstorage","3.storage","i-lucide-database",{"title":51,"path":52,"stem":53,"icon":54},"Standalone Livewire","\u002Fstandalone-livewire","4.standalone-livewire","i-lucide-layers",{"title":56,"path":57,"stem":58,"icon":59},"Customization & Troubleshooting","\u002Fcustomization","5.customization","i-lucide-settings",{"id":61,"title":36,"body":62,"description":231,"extension":232,"links":233,"meta":234,"navigation":235,"path":37,"seo":236,"stem":38,"__hash__":237},"docs\u002F2.features\u002F2.reordering.md",{"type":63,"value":64,"toc":229},"minimark",[65,74,219,225],[66,67,68,69,73],"p",{},"Chain ",[70,71,72],"code",{},"->dragReorderableColumns()"," on the table (opt-in per table). A grip handle appears on each column header; drag it to reorder. The order persists per user and is reapplied on load.",[75,76,81],"pre",{"className":77,"code":78,"language":79,"meta":80,"style":80},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","public function table(Table $table): Table\n{\n    return $table\n        ->columns([\n            TextColumn::make('name'),\n            TextColumn::make('email'),\n        ])\n        ->dragReorderableColumns();\n}\n","php","",[70,82,83,120,126,138,150,176,196,202,213],{"__ignoreMap":80},[84,85,88,92,95,99,103,107,110,114,117],"span",{"class":86,"line":87},"line",1,[84,89,91],{"class":90},"spNyl","public",[84,93,94],{"class":90}," function",[84,96,98],{"class":97},"s2Zo4"," table",[84,100,102],{"class":101},"sMK4o","(",[84,104,106],{"class":105},"sBMFI","Table",[84,108,109],{"class":101}," $",[84,111,113],{"class":112},"sTEyZ","table",[84,115,116],{"class":101},"):",[84,118,119],{"class":105}," Table\n",[84,121,123],{"class":86,"line":122},2,[84,124,125],{"class":101},"{\n",[84,127,129,133,135],{"class":86,"line":128},3,[84,130,132],{"class":131},"s7zQu","    return",[84,134,109],{"class":101},[84,136,137],{"class":112},"table\n",[84,139,141,144,147],{"class":86,"line":140},4,[84,142,143],{"class":101},"        ->",[84,145,146],{"class":97},"columns",[84,148,149],{"class":101},"([\n",[84,151,153,156,159,162,164,167,171,173],{"class":86,"line":152},5,[84,154,155],{"class":105},"            TextColumn",[84,157,158],{"class":101},"::",[84,160,161],{"class":97},"make",[84,163,102],{"class":101},[84,165,166],{"class":101},"'",[84,168,170],{"class":169},"sfazB","name",[84,172,166],{"class":101},[84,174,175],{"class":101},"),\n",[84,177,179,181,183,185,187,189,192,194],{"class":86,"line":178},6,[84,180,155],{"class":105},[84,182,158],{"class":101},[84,184,161],{"class":97},[84,186,102],{"class":101},[84,188,166],{"class":101},[84,190,191],{"class":169},"email",[84,193,166],{"class":101},[84,195,175],{"class":101},[84,197,199],{"class":86,"line":198},7,[84,200,201],{"class":101},"        ])\n",[84,203,205,207,210],{"class":86,"line":204},8,[84,206,143],{"class":101},[84,208,209],{"class":97},"dragReorderableColumns",[84,211,212],{"class":101},"();\n",[84,214,216],{"class":86,"line":215},9,[84,217,218],{"class":101},"}\n",[220,221,222],"note",{},[66,223,224],{},"Sticky columns are excluded from dragging, and a column cannot be dropped before a sticky one. Reorder currently supports flat column tables (no column groups).",[226,227,228],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":80,"searchDepth":87,"depth":122,"links":230},[],"Let users drag columns into a new order.","md",null,{},{"icon":39},{"title":36,"description":231},"bxAUGdjHY93lwrhGZbi559FKHat36K0yiHXXYHC2m1M",[239,241],{"title":31,"path":32,"stem":33,"description":240,"icon":34,"children":-1},"Drag column borders to resize; widths persist per user.",{"title":41,"path":42,"stem":43,"description":242,"icon":44,"children":-1},"Pin columns so they stay visible during horizontal scroll — dev defaults, user pinning, and a customizable toolbar trigger.",1784908144480]