[{"data":1,"prerenderedAt":870},["ShallowReactive",2],{"navigation":3,"\u002Fstandalone-livewire":60,"\u002Fstandalone-livewire-surround":865},[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":51,"body":62,"description":858,"extension":859,"links":860,"meta":861,"navigation":862,"path":52,"seo":863,"stem":53,"__hash__":864},"docs\u002F4.standalone-livewire.md",{"type":63,"value":64,"toc":851},"minimark",[65,74,509,514,521,529,543,636,640,651,673,813,816,847],[66,67,68,69,73],"p",{},"Filament tables can be used in any Livewire component without a panel, and this package fully supports that. Add the ",[70,71,72],"code",{},"HasResizableColumn"," trait just as you would inside a panel.",[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","use Asmit\\ResizedColumn\\HasResizableColumn;\nuse Filament\\Forms\\Concerns\\InteractsWithForms;\nuse Filament\\Forms\\Contracts\\HasForms;\nuse Filament\\Tables\\Concerns\\InteractsWithTable;\nuse Filament\\Tables\\Contracts\\HasTable;\nuse Filament\\Tables\\Table;\nuse Livewire\\Component;\n\nclass UsersTable extends Component implements HasForms, HasTable\n{\n    use InteractsWithForms;\n    use InteractsWithTable;\n    use HasResizableColumn;\n\n    public function table(Table $table): Table\n    {\n        return $table\n            ->query(User::query())\n            ->columns([\n                TextColumn::make('name'),\n                TextColumn::make('email'),\n            ]);\n    }\n\n    public function render(): View\n    {\n        return view('livewire.users-table');\n    }\n}\n","php","",[70,82,83,110,135,158,181,203,221,236,243,272,278,289,299,309,314,344,350,362,384,395,420,440,446,452,457,473,478,498,503],{"__ignoreMap":80},[84,85,88,92,96,100,103,105,107],"span",{"class":86,"line":87},"line",1,[84,89,91],{"class":90},"sbssI","use",[84,93,95],{"class":94},"sTEyZ"," Asmit",[84,97,99],{"class":98},"sMK4o","\\",[84,101,102],{"class":94},"ResizedColumn",[84,104,99],{"class":98},[84,106,72],{"class":94},[84,108,109],{"class":98},";\n",[84,111,113,115,118,120,123,125,128,130,133],{"class":86,"line":112},2,[84,114,91],{"class":90},[84,116,117],{"class":94}," Filament",[84,119,99],{"class":98},[84,121,122],{"class":94},"Forms",[84,124,99],{"class":98},[84,126,127],{"class":94},"Concerns",[84,129,99],{"class":98},[84,131,132],{"class":94},"InteractsWithForms",[84,134,109],{"class":98},[84,136,138,140,142,144,146,148,151,153,156],{"class":86,"line":137},3,[84,139,91],{"class":90},[84,141,117],{"class":94},[84,143,99],{"class":98},[84,145,122],{"class":94},[84,147,99],{"class":98},[84,149,150],{"class":94},"Contracts",[84,152,99],{"class":98},[84,154,155],{"class":94},"HasForms",[84,157,109],{"class":98},[84,159,161,163,165,167,170,172,174,176,179],{"class":86,"line":160},4,[84,162,91],{"class":90},[84,164,117],{"class":94},[84,166,99],{"class":98},[84,168,169],{"class":94},"Tables",[84,171,99],{"class":98},[84,173,127],{"class":94},[84,175,99],{"class":98},[84,177,178],{"class":94},"InteractsWithTable",[84,180,109],{"class":98},[84,182,184,186,188,190,192,194,196,198,201],{"class":86,"line":183},5,[84,185,91],{"class":90},[84,187,117],{"class":94},[84,189,99],{"class":98},[84,191,169],{"class":94},[84,193,99],{"class":98},[84,195,150],{"class":94},[84,197,99],{"class":98},[84,199,200],{"class":94},"HasTable",[84,202,109],{"class":98},[84,204,206,208,210,212,214,216,219],{"class":86,"line":205},6,[84,207,91],{"class":90},[84,209,117],{"class":94},[84,211,99],{"class":98},[84,213,169],{"class":94},[84,215,99],{"class":98},[84,217,218],{"class":94},"Table",[84,220,109],{"class":98},[84,222,224,226,229,231,234],{"class":86,"line":223},7,[84,225,91],{"class":90},[84,227,228],{"class":94}," Livewire",[84,230,99],{"class":98},[84,232,233],{"class":94},"Component",[84,235,109],{"class":98},[84,237,239],{"class":86,"line":238},8,[84,240,242],{"emptyLinePlaceholder":241},true,"\n",[84,244,246,250,254,257,260,263,266,269],{"class":86,"line":245},9,[84,247,249],{"class":248},"spNyl","class",[84,251,253],{"class":252},"sBMFI"," UsersTable",[84,255,256],{"class":248}," extends",[84,258,259],{"class":252}," Component",[84,261,262],{"class":248}," implements",[84,264,265],{"class":252}," HasForms",[84,267,268],{"class":98},",",[84,270,271],{"class":252}," HasTable\n",[84,273,275],{"class":86,"line":274},10,[84,276,277],{"class":98},"{\n",[84,279,281,284,287],{"class":86,"line":280},11,[84,282,283],{"class":90},"    use",[84,285,286],{"class":94}," InteractsWithForms",[84,288,109],{"class":98},[84,290,292,294,297],{"class":86,"line":291},12,[84,293,283],{"class":90},[84,295,296],{"class":94}," InteractsWithTable",[84,298,109],{"class":98},[84,300,302,304,307],{"class":86,"line":301},13,[84,303,283],{"class":90},[84,305,306],{"class":94}," HasResizableColumn",[84,308,109],{"class":98},[84,310,312],{"class":86,"line":311},14,[84,313,242],{"emptyLinePlaceholder":241},[84,315,317,320,323,327,330,332,335,338,341],{"class":86,"line":316},15,[84,318,319],{"class":248},"    public",[84,321,322],{"class":248}," function",[84,324,326],{"class":325},"s2Zo4"," table",[84,328,329],{"class":98},"(",[84,331,218],{"class":252},[84,333,334],{"class":98}," $",[84,336,337],{"class":94},"table",[84,339,340],{"class":98},"):",[84,342,343],{"class":252}," Table\n",[84,345,347],{"class":86,"line":346},16,[84,348,349],{"class":98},"    {\n",[84,351,353,357,359],{"class":86,"line":352},17,[84,354,356],{"class":355},"s7zQu","        return",[84,358,334],{"class":98},[84,360,361],{"class":94},"table\n",[84,363,365,368,371,373,376,379,381],{"class":86,"line":364},18,[84,366,367],{"class":98},"            ->",[84,369,370],{"class":325},"query",[84,372,329],{"class":98},[84,374,375],{"class":252},"User",[84,377,378],{"class":98},"::",[84,380,370],{"class":325},[84,382,383],{"class":98},"())\n",[84,385,387,389,392],{"class":86,"line":386},19,[84,388,367],{"class":98},[84,390,391],{"class":325},"columns",[84,393,394],{"class":98},"([\n",[84,396,398,401,403,406,408,411,415,417],{"class":86,"line":397},20,[84,399,400],{"class":252},"                TextColumn",[84,402,378],{"class":98},[84,404,405],{"class":325},"make",[84,407,329],{"class":98},[84,409,410],{"class":98},"'",[84,412,414],{"class":413},"sfazB","name",[84,416,410],{"class":98},[84,418,419],{"class":98},"),\n",[84,421,423,425,427,429,431,433,436,438],{"class":86,"line":422},21,[84,424,400],{"class":252},[84,426,378],{"class":98},[84,428,405],{"class":325},[84,430,329],{"class":98},[84,432,410],{"class":98},[84,434,435],{"class":413},"email",[84,437,410],{"class":98},[84,439,419],{"class":98},[84,441,443],{"class":86,"line":442},22,[84,444,445],{"class":98},"            ]);\n",[84,447,449],{"class":86,"line":448},23,[84,450,451],{"class":98},"    }\n",[84,453,455],{"class":86,"line":454},24,[84,456,242],{"emptyLinePlaceholder":241},[84,458,460,462,464,467,470],{"class":86,"line":459},25,[84,461,319],{"class":248},[84,463,322],{"class":248},[84,465,466],{"class":325}," render",[84,468,469],{"class":98},"():",[84,471,472],{"class":252}," View\n",[84,474,476],{"class":86,"line":475},26,[84,477,349],{"class":98},[84,479,481,483,486,488,490,493,495],{"class":86,"line":480},27,[84,482,356],{"class":355},[84,484,485],{"class":325}," view",[84,487,329],{"class":98},[84,489,410],{"class":98},[84,491,492],{"class":413},"livewire.users-table",[84,494,410],{"class":98},[84,496,497],{"class":98},");\n",[84,499,501],{"class":86,"line":500},28,[84,502,451],{"class":98},[84,504,506],{"class":86,"line":505},29,[84,507,508],{"class":98},"}\n",[510,511,513],"h2",{"id":512},"enabling-database-storage-outside-the-panel","Enabling database storage outside the panel",[66,515,516,517,520],{},"There's no ",[70,518,519],{},"AdminPanelProvider"," here, so use one of two options.",[522,523,525,526],"h3",{"id":524},"option-a-app-wide-via-appserviceprovider","Option A — App-wide via ",[70,527,528],{},"AppServiceProvider",[66,530,531,532,535,536,539,540,542],{},"Call ",[70,533,534],{},"ResizedColumnPlugin::standalone()"," once in ",[70,537,538],{},"AppServiceProvider::boot()",". This stores a shared config for the whole request that every ",[70,541,72],{}," component picks up automatically.",[75,544,546],{"className":77,"code":545,"language":79,"meta":80,"style":80},"\u002F\u002F app\u002FProviders\u002FAppServiceProvider.php\nuse Asmit\\ResizedColumn\\ResizedColumnPlugin;\n\npublic function boot(): void\n{\n    ResizedColumnPlugin::standalone()\n        ->preserveOnDB();\n\n    \u002F\u002F Optionally disable session storage app-wide:\n    \u002F\u002F ResizedColumnPlugin::standalone()->preserveOnDB()->preserveOnSession(false);\n}\n",[70,547,548,554,571,575,590,594,607,618,622,627,632],{"__ignoreMap":80},[84,549,550],{"class":86,"line":87},[84,551,553],{"class":552},"sHwdD","\u002F\u002F app\u002FProviders\u002FAppServiceProvider.php\n",[84,555,556,558,560,562,564,566,569],{"class":86,"line":112},[84,557,91],{"class":90},[84,559,95],{"class":94},[84,561,99],{"class":98},[84,563,102],{"class":94},[84,565,99],{"class":98},[84,567,568],{"class":94},"ResizedColumnPlugin",[84,570,109],{"class":98},[84,572,573],{"class":86,"line":137},[84,574,242],{"emptyLinePlaceholder":241},[84,576,577,580,582,585,587],{"class":86,"line":160},[84,578,579],{"class":248},"public",[84,581,322],{"class":248},[84,583,584],{"class":325}," boot",[84,586,469],{"class":98},[84,588,589],{"class":90}," void\n",[84,591,592],{"class":86,"line":183},[84,593,277],{"class":98},[84,595,596,599,601,604],{"class":86,"line":205},[84,597,598],{"class":252},"    ResizedColumnPlugin",[84,600,378],{"class":98},[84,602,603],{"class":325},"standalone",[84,605,606],{"class":98},"()\n",[84,608,609,612,615],{"class":86,"line":223},[84,610,611],{"class":98},"        ->",[84,613,614],{"class":325},"preserveOnDB",[84,616,617],{"class":98},"();\n",[84,619,620],{"class":86,"line":238},[84,621,242],{"emptyLinePlaceholder":241},[84,623,624],{"class":86,"line":245},[84,625,626],{"class":552},"    \u002F\u002F Optionally disable session storage app-wide:\n",[84,628,629],{"class":86,"line":274},[84,630,631],{"class":552},"    \u002F\u002F ResizedColumnPlugin::standalone()->preserveOnDB()->preserveOnSession(false);\n",[84,633,634],{"class":86,"line":280},[84,635,508],{"class":98},[522,637,639],{"id":638},"option-b-per-table-via-table-macro","Option B — Per table via table macro",[66,641,642,643,646,647,650],{},"Chain ",[70,644,645],{},"->preserveColumnWidthsInDatabase()"," at the end of your ",[70,648,649],{},"table()"," method. Only affects that table; overrides global config.",[652,653,654],"warning",{},[66,655,656,657,661,662,665,666,665,669,672],{},"Always call this as the ",[658,659,660],"strong",{},"last"," method in the chain, after ",[70,663,664],{},"->columns()",", ",[70,667,668],{},"->filters()",[70,670,671],{},"->actions()",", and all other table configuration. This ensures the Livewire component reference is fully resolved when the macro runs.",[75,674,676],{"className":77,"code":675,"language":79,"meta":80,"style":80},"public function table(Table $table): Table\n{\n    return $table\n        ->query(User::query())\n        ->columns([\n            TextColumn::make('name'),\n            TextColumn::make('email'),\n        ])\n        ->filters([...])\n        ->actions([...])\n        ->preserveColumnWidthsInDatabase();   \u002F\u002F ← always last\n}\n",[70,677,678,698,702,711,727,735,754,772,777,787,796,809],{"__ignoreMap":80},[84,679,680,682,684,686,688,690,692,694,696],{"class":86,"line":87},[84,681,579],{"class":248},[84,683,322],{"class":248},[84,685,326],{"class":325},[84,687,329],{"class":98},[84,689,218],{"class":252},[84,691,334],{"class":98},[84,693,337],{"class":94},[84,695,340],{"class":98},[84,697,343],{"class":252},[84,699,700],{"class":86,"line":112},[84,701,277],{"class":98},[84,703,704,707,709],{"class":86,"line":137},[84,705,706],{"class":355},"    return",[84,708,334],{"class":98},[84,710,361],{"class":94},[84,712,713,715,717,719,721,723,725],{"class":86,"line":160},[84,714,611],{"class":98},[84,716,370],{"class":325},[84,718,329],{"class":98},[84,720,375],{"class":252},[84,722,378],{"class":98},[84,724,370],{"class":325},[84,726,383],{"class":98},[84,728,729,731,733],{"class":86,"line":183},[84,730,611],{"class":98},[84,732,391],{"class":325},[84,734,394],{"class":98},[84,736,737,740,742,744,746,748,750,752],{"class":86,"line":205},[84,738,739],{"class":252},"            TextColumn",[84,741,378],{"class":98},[84,743,405],{"class":325},[84,745,329],{"class":98},[84,747,410],{"class":98},[84,749,414],{"class":413},[84,751,410],{"class":98},[84,753,419],{"class":98},[84,755,756,758,760,762,764,766,768,770],{"class":86,"line":223},[84,757,739],{"class":252},[84,759,378],{"class":98},[84,761,405],{"class":325},[84,763,329],{"class":98},[84,765,410],{"class":98},[84,767,435],{"class":413},[84,769,410],{"class":98},[84,771,419],{"class":98},[84,773,774],{"class":86,"line":238},[84,775,776],{"class":98},"        ])\n",[84,778,779,781,784],{"class":86,"line":245},[84,780,611],{"class":98},[84,782,783],{"class":325},"filters",[84,785,786],{"class":98},"([...])\n",[84,788,789,791,794],{"class":86,"line":274},[84,790,611],{"class":98},[84,792,793],{"class":325},"actions",[84,795,786],{"class":98},[84,797,798,800,803,806],{"class":86,"line":280},[84,799,611],{"class":98},[84,801,802],{"class":325},"preserveColumnWidthsInDatabase",[84,804,805],{"class":98},"();",[84,807,808],{"class":552},"   \u002F\u002F ← always last\n",[84,810,811],{"class":86,"line":291},[84,812,508],{"class":98},[66,814,815],{},"Combine both macros for full per-table control:",[75,817,819],{"className":77,"code":818,"language":79,"meta":80,"style":80},"->preserveColumnWidthsInDatabase()      \u002F\u002F save to DB\n->preserveColumnWidthsInSession(false)  \u002F\u002F disable session for this table\n",[70,820,821,834],{"__ignoreMap":80},[84,822,823,826,828,831],{"class":86,"line":87},[84,824,825],{"class":98},"->",[84,827,802],{"class":325},[84,829,830],{"class":98},"()",[84,832,833],{"class":552},"      \u002F\u002F save to DB\n",[84,835,836,838,841,844],{"class":86,"line":112},[84,837,825],{"class":98},[84,839,840],{"class":325},"preserveColumnWidthsInSession",[84,842,843],{"class":98},"(false)",[84,845,846],{"class":552},"  \u002F\u002F disable session for this table\n",[848,849,850],"style",{},"html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":80,"searchDepth":87,"depth":112,"links":852},[853],{"id":512,"depth":112,"text":513,"children":854},[855,857],{"id":524,"depth":137,"text":856},"Option A — App-wide via AppServiceProvider",{"id":638,"depth":137,"text":639},"Use resizable columns in Livewire components without a Filament panel.","md",null,{},{"icon":54},{"title":51,"description":858},"j9f5joC9YUlt6ELHj_NwHpvd9NkZ39TNTvri5JVrv4Y",[866,868],{"title":46,"path":47,"stem":48,"description":867,"icon":49,"children":-1},"Session vs database storage, and configuration priority.",{"title":56,"path":57,"stem":58,"description":869,"icon":59,"children":-1},"Override storage methods, custom database storage, and fixes.",1784908144480]