[{"data":1,"prerenderedAt":701},["ShallowReactive",2],{"navigation":3,"\u002Ffeatures\u002Foverview":60,"\u002Ffeatures\u002Foverview-surround":696},[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":26,"body":62,"description":689,"extension":690,"links":691,"meta":692,"navigation":693,"path":27,"seo":694,"stem":28,"__hash__":695},"docs\u002F2.features\u002F0.overview.md",{"type":63,"value":64,"toc":680},"minimark",[65,79,84,237,244,248,254,260,264,270,276,281,285,291,338,355,395,401,528,531,536,539,558,575,579,583,596,600,604,607,671,676],[66,67,68,69,73,74,78],"p",{},"This package extends Filament tables with ",[70,71,72],"strong",{},"per-user column preferences",": widths, order, and pinned columns. Add the ",[75,76,77],"code",{},"HasResizableColumn"," trait once; opt into reordering and pinning per table.",[80,81,83],"h2",{"id":82},"at-a-glance","At a glance",[85,86,87,103],"table",{},[88,89,90],"thead",{},[91,92,93,97,100],"tr",{},[94,95,96],"th",{},"Feature",[94,98,99],{},"How to enable",[94,101,102],{},"Persists",[104,105,106,123,138,154,168,184,200,222],"tbody",{},[91,107,108,115,120],{},[109,110,111],"td",{},[112,113,114],"a",{"href":32},"Drag to resize",[109,116,117,119],{},[75,118,77],{}," trait (on by default)",[109,121,122],{},"Session and\u002For database",[91,124,125,130,136],{},[109,126,127],{},[112,128,129],{"href":37},"Drag to reorder",[109,131,132,135],{},[75,133,134],{},"->dragReorderableColumns()"," on the table",[109,137,122],{},[91,139,140,145,151],{},[109,141,142],{},[112,143,144],{"href":42},"Dev-declared sticky columns",[109,146,147,150],{},[75,148,149],{},"->sticky()"," on a column",[109,152,153],{},"N\u002FA (default pin set)",[91,155,156,161,166],{},[109,157,158],{},[112,159,160],{"href":42},"User-controlled pinning",[109,162,163,135],{},[75,164,165],{},"->stickableColumns()",[109,167,122],{},[91,169,170,176,181],{},[109,171,172],{},[112,173,175],{"href":174},"\u002Ffeatures\u002Fsticky-columns#customize-the-trigger","Custom pin-manager trigger",[109,177,178,135],{},[75,179,180],{},"->stickyManagerTriggerAction()",[109,182,183],{},"N\u002FA (UI only)",[91,185,186,191,197],{},[109,187,188],{},[112,189,190],{"href":47},"Session storage",[109,192,193,194],{},"Default; disable per table with ",[75,195,196],{},"->preserveColumnWidthsInSession(false)",[109,198,199],{},"Browser session",[91,201,202,207,216],{},[109,203,204],{},[112,205,206],{"href":47},"Database storage",[109,208,209,212,213],{},[75,210,211],{},"ResizedColumnPlugin::make()->preserveOnDB()"," or ",[75,214,215],{},"->preserveColumnWidthsInDatabase()",[109,217,218,221],{},[75,219,220],{},"table_settings"," row per user",[91,223,224,228,234],{},[109,225,226],{},[112,227,51],{"href":52},[109,229,230,231,233],{},"Same ",[75,232,77],{}," trait outside a panel",[109,235,236],{},"Same storage options",[66,238,239,240,243],{},"Widths, column order, and pinned columns are stored together in one settings payload — ",[70,241,242],{},"no extra migration for pins",".",[80,245,247],{"id":246},"column-resizing","Column resizing",[66,249,250,251,253],{},"Once ",[75,252,77],{}," is on your page, every column gets a drag handle on its right edge. Users drag to set width; values are saved per user and reapplied on the next visit.",[66,255,256,257,243],{},"See ",[112,258,259],{"href":32},"Resizing columns",[80,261,263],{"id":262},"column-reordering","Column reordering",[66,265,266,267,269],{},"Chain ",[75,268,134],{}," on the table. A grip handle appears on each header (except pinned columns). Order is saved per user.",[271,272,273],"note",{},[66,274,275],{},"Sticky columns cannot be dragged, and you cannot drop a column before a sticky one. Flat column tables only (no column groups yet).",[66,277,256,278,243],{},[112,279,280],{"href":37},"Reordering columns",[80,282,284],{"id":283},"sticky-pinned-columns","Sticky (pinned) columns",[66,286,287,290],{},[70,288,289],{},"Developer default"," — pin a column for everyone:",[292,293,298],"pre",{"className":294,"code":295,"language":296,"meta":297,"style":297},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","TextColumn::make('name')->sticky();\n","php","",[75,299,300],{"__ignoreMap":297},[301,302,305,309,313,317,320,323,327,329,332,335],"span",{"class":303,"line":304},"line",1,[301,306,308],{"class":307},"sBMFI","TextColumn",[301,310,312],{"class":311},"sMK4o","::",[301,314,316],{"class":315},"s2Zo4","make",[301,318,319],{"class":311},"(",[301,321,322],{"class":311},"'",[301,324,326],{"class":325},"sfazB","name",[301,328,322],{"class":311},[301,330,331],{"class":311},")->",[301,333,334],{"class":315},"sticky",[301,336,337],{"class":311},"();\n",[66,339,340,343,344,347,348,351,352,354],{},[70,341,342],{},"User-controlled"," — toolbar ",[70,345,346],{},"Pin columns"," dropdown (next to the column manager). Users draft changes, then click ",[70,349,350],{},"Apply"," (with Select all \u002F Deselect all). Closing the panel without Apply keeps the draft for that page session. ",[75,353,149],{}," calls seed the initial selection.",[292,356,358],{"className":294,"code":357,"language":296,"meta":297,"style":297},"return $table\n    ->columns([...])\n    ->stickableColumns();\n",[75,359,360,373,385],{"__ignoreMap":297},[301,361,362,366,369],{"class":303,"line":304},[301,363,365],{"class":364},"s7zQu","return",[301,367,368],{"class":311}," $",[301,370,372],{"class":371},"sTEyZ","table\n",[301,374,376,379,382],{"class":303,"line":375},2,[301,377,378],{"class":311},"    ->",[301,380,381],{"class":315},"columns",[301,383,384],{"class":311},"([...])\n",[301,386,388,390,393],{"class":303,"line":387},3,[301,389,378],{"class":311},[301,391,392],{"class":315},"stickableColumns",[301,394,337],{"class":311},[66,396,397,400],{},[70,398,399],{},"Custom trigger"," — customize the toolbar button like Filament's column manager:",[292,402,404],{"className":294,"code":403,"language":296,"meta":297,"style":297},"use Filament\\Actions\\Action;\n\nreturn $table\n    ->stickableColumns()\n    ->stickyManagerTriggerAction(fn (Action $action) => $action\n        ->label('Pin columns')\n        ->tooltip('Choose pinned columns'));\n",[75,405,406,429,435,443,453,488,508],{"__ignoreMap":297},[301,407,408,412,415,418,421,423,426],{"class":303,"line":304},[301,409,411],{"class":410},"sbssI","use",[301,413,414],{"class":371}," Filament",[301,416,417],{"class":311},"\\",[301,419,420],{"class":371},"Actions",[301,422,417],{"class":311},[301,424,425],{"class":371},"Action",[301,427,428],{"class":311},";\n",[301,430,431],{"class":303,"line":375},[301,432,434],{"emptyLinePlaceholder":433},true,"\n",[301,436,437,439,441],{"class":303,"line":387},[301,438,365],{"class":364},[301,440,368],{"class":311},[301,442,372],{"class":371},[301,444,446,448,450],{"class":303,"line":445},4,[301,447,378],{"class":311},[301,449,392],{"class":315},[301,451,452],{"class":311},"()\n",[301,454,456,458,461,463,467,470,472,474,477,480,483,485],{"class":303,"line":455},5,[301,457,378],{"class":311},[301,459,460],{"class":315},"stickyManagerTriggerAction",[301,462,319],{"class":311},[301,464,466],{"class":465},"spNyl","fn",[301,468,469],{"class":311}," (",[301,471,425],{"class":307},[301,473,368],{"class":311},[301,475,476],{"class":371},"action",[301,478,479],{"class":311},")",[301,481,482],{"class":311}," =>",[301,484,368],{"class":311},[301,486,487],{"class":371},"action\n",[301,489,491,494,497,499,501,503,505],{"class":303,"line":490},6,[301,492,493],{"class":311},"        ->",[301,495,496],{"class":315},"label",[301,498,319],{"class":311},[301,500,322],{"class":311},[301,502,346],{"class":325},[301,504,322],{"class":311},[301,506,507],{"class":311},")\n",[301,509,511,513,516,518,520,523,525],{"class":303,"line":510},7,[301,512,493],{"class":311},[301,514,515],{"class":315},"tooltip",[301,517,319],{"class":311},[301,519,322],{"class":311},[301,521,522],{"class":325},"Choose pinned columns",[301,524,322],{"class":311},[301,526,527],{"class":311},"));\n",[66,529,530],{},"Pinned columns use opaque backgrounds so scrolled cells do not bleed through, and resize handles are disabled on pinned headers.",[66,532,256,533,243],{},[112,534,535],{"href":42},"Sticky columns",[80,537,46],{"id":538},"storage",[540,541,542,549],"ul",{},[543,544,545,548],"li",{},[70,546,547],{},"Session"," (default) — no database required; per browser\u002Fdevice.",[543,550,551,554,555,557],{},[70,552,553],{},"Database"," (optional) — ",[75,556,220],{}," migration; syncs across devices for the same user.",[66,559,560,561,564,565,568,569,571,572,243],{},"Configure globally via ",[75,562,563],{},"ResizedColumnPlugin",", app-wide via ",[75,566,567],{},"ResizedColumnPlugin::standalone()",", or per table with ",[75,570,215],{}," \u002F ",[75,573,574],{},"->preserveColumnWidthsInSession()",[66,576,256,577,243],{},[112,578,46],{"href":47},[80,580,582],{"id":581},"filament-panels-and-standalone-livewire","Filament panels and standalone Livewire",[66,584,585,586,589,590,592,593,595],{},"Works inside Filament panels (",[75,587,588],{},"ResizedColumnPlugin::make()",") and in any Livewire component that uses Filament tables (",[75,591,77],{}," + optional ",[75,594,567],{},").",[66,597,256,598,243],{},[112,599,51],{"href":52},[80,601,603],{"id":602},"customization-hooks","Customization hooks",[66,605,606],{},"Override persistence or user identification on your List page class:",[85,608,609,619],{},[88,610,611],{},[91,612,613,616],{},[94,614,615],{},"Method",[94,617,618],{},"Purpose",[104,620,621,631,641,651,661],{},[91,622,623,628],{},[109,624,625],{},[75,626,627],{},"persistColumnWidthsToDatabase()",[109,629,630],{},"Custom DB save",[91,632,633,638],{},[109,634,635],{},[75,636,637],{},"persistColumnWidthsToSession()",[109,639,640],{},"Custom session save",[91,642,643,648],{},[109,644,645],{},[75,646,647],{},"loadColumnWidthsFromDatabase()",[109,649,650],{},"Custom DB load",[91,652,653,658],{},[109,654,655],{},[75,656,657],{},"loadColumnWidthsFromSession()",[109,659,660],{},"Custom session load",[91,662,663,668],{},[109,664,665],{},[75,666,667],{},"getUserId()",[109,669,670],{},"Custom user key for storage",[66,672,256,673,243],{},[112,674,675],{"href":57},"Customization & troubleshooting",[677,678,679],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":297,"searchDepth":304,"depth":375,"links":681},[682,683,684,685,686,687,688],{"id":82,"depth":375,"text":83},{"id":246,"depth":375,"text":247},{"id":262,"depth":375,"text":263},{"id":283,"depth":375,"text":284},{"id":538,"depth":375,"text":46},{"id":581,"depth":375,"text":582},{"id":602,"depth":375,"text":603},"Everything asmit\u002Fresized-column adds to Filament tables — resizing, reordering, pinning, persistence, and customization.","md",null,{},{"icon":29},{"title":26,"description":689},"1IyIqknAF64-T7y4iqIXSWpj1kIIWSuLT_k1zg1DKUo",[697,699],{"title":15,"path":16,"stem":17,"description":698,"icon":18,"children":-1},"Enable resizable columns with the HasResizableColumn trait.",{"title":31,"path":32,"stem":33,"description":700,"icon":34,"children":-1},"Drag column borders to resize; widths persist per user.",1784908144480]