[{"data":1,"prerenderedAt":435},["ShallowReactive",2],{"navigation":3,"\u002Fcustomization":60,"\u002Fcustomization-surround":432},[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":56,"body":62,"description":425,"extension":426,"links":427,"meta":428,"navigation":429,"path":57,"seo":430,"stem":58,"__hash__":431},"docs\u002F5.customization.md",{"type":63,"value":64,"toc":418},"minimark",[65,70,74,145,149,374,378,383,386,414],[66,67,69],"h2",{"id":68},"configuration-options","Configuration options",[71,72,73],"p",{},"Override any of these methods in your class to customize behavior:",[75,76,77,90],"table",{},[78,79,80],"thead",{},[81,82,83,87],"tr",{},[84,85,86],"th",{},"Method",[84,88,89],{},"Description",[91,92,93,105,115,125,135],"tbody",{},[81,94,95,102],{},[96,97,98],"td",{},[99,100,101],"code",{},"persistColumnWidthsToDatabase()",[96,103,104],{},"Customize how column widths are saved to the database",[81,106,107,112],{},[96,108,109],{},[99,110,111],{},"persistColumnWidthsToSession()",[96,113,114],{},"Customize how column widths are saved to the session",[81,116,117,122],{},[96,118,119],{},[99,120,121],{},"loadColumnWidthsFromDatabase()",[96,123,124],{},"Customize how column widths are loaded from the database",[81,126,127,132],{},[96,128,129],{},[99,130,131],{},"loadColumnWidthsFromSession()",[96,133,134],{},"Customize how column widths are loaded from the session",[81,136,137,142],{},[96,138,139],{},[99,140,141],{},"getUserId()",[96,143,144],{},"Customize how user identification is handled",[66,146,148],{"id":147},"example-custom-database-storage","Example: custom database storage",[150,151,156],"pre",{"className":152,"code":153,"language":154,"meta":155,"style":155},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","use Asmit\\ResizedColumn\\HasResizableColumn;\n\nclass ListUsers extends ListRecords\n{\n    use HasResizableColumn;\n\n    protected function persistColumnWidthsToDatabase(): void\n    {\n        YourCustomModel::updateOrCreate(\n            [\n                'user_id' => $this->getUserId(),\n                'resource' => $this->getResourceModelFullPath(), \u002F\u002F e.g. 'App\\Models\\User'\n            ],\n            ['settings' => $this->columnWidths]\n        );\n    }\n}\n","php","",[99,157,158,186,193,210,216,227,232,251,257,272,278,303,327,333,356,362,368],{"__ignoreMap":155},[159,160,163,167,171,175,178,180,183],"span",{"class":161,"line":162},"line",1,[159,164,166],{"class":165},"sbssI","use",[159,168,170],{"class":169},"sTEyZ"," Asmit",[159,172,174],{"class":173},"sMK4o","\\",[159,176,177],{"class":169},"ResizedColumn",[159,179,174],{"class":173},[159,181,182],{"class":169},"HasResizableColumn",[159,184,185],{"class":173},";\n",[159,187,189],{"class":161,"line":188},2,[159,190,192],{"emptyLinePlaceholder":191},true,"\n",[159,194,196,200,204,207],{"class":161,"line":195},3,[159,197,199],{"class":198},"spNyl","class",[159,201,203],{"class":202},"sBMFI"," ListUsers",[159,205,206],{"class":198}," extends",[159,208,209],{"class":202}," ListRecords\n",[159,211,213],{"class":161,"line":212},4,[159,214,215],{"class":173},"{\n",[159,217,219,222,225],{"class":161,"line":218},5,[159,220,221],{"class":165},"    use",[159,223,224],{"class":169}," HasResizableColumn",[159,226,185],{"class":173},[159,228,230],{"class":161,"line":229},6,[159,231,192],{"emptyLinePlaceholder":191},[159,233,235,238,241,245,248],{"class":161,"line":234},7,[159,236,237],{"class":198},"    protected",[159,239,240],{"class":198}," function",[159,242,244],{"class":243},"s2Zo4"," persistColumnWidthsToDatabase",[159,246,247],{"class":173},"():",[159,249,250],{"class":165}," void\n",[159,252,254],{"class":161,"line":253},8,[159,255,256],{"class":173},"    {\n",[159,258,260,263,266,269],{"class":161,"line":259},9,[159,261,262],{"class":202},"        YourCustomModel",[159,264,265],{"class":173},"::",[159,267,268],{"class":243},"updateOrCreate",[159,270,271],{"class":173},"(\n",[159,273,275],{"class":161,"line":274},10,[159,276,277],{"class":173},"            [\n",[159,279,281,284,288,291,294,297,300],{"class":161,"line":280},11,[159,282,283],{"class":173},"                '",[159,285,287],{"class":286},"sfazB","user_id",[159,289,290],{"class":173},"'",[159,292,293],{"class":173}," =>",[159,295,296],{"class":173}," $this->",[159,298,299],{"class":243},"getUserId",[159,301,302],{"class":173},"(),\n",[159,304,306,308,311,313,315,317,320,323],{"class":161,"line":305},12,[159,307,283],{"class":173},[159,309,310],{"class":286},"resource",[159,312,290],{"class":173},[159,314,293],{"class":173},[159,316,296],{"class":173},[159,318,319],{"class":243},"getResourceModelFullPath",[159,321,322],{"class":173},"(),",[159,324,326],{"class":325},"sHwdD"," \u002F\u002F e.g. 'App\\Models\\User'\n",[159,328,330],{"class":161,"line":329},13,[159,331,332],{"class":173},"            ],\n",[159,334,336,339,341,344,346,348,350,353],{"class":161,"line":335},14,[159,337,338],{"class":173},"            [",[159,340,290],{"class":173},[159,342,343],{"class":286},"settings",[159,345,290],{"class":173},[159,347,293],{"class":173},[159,349,296],{"class":173},[159,351,352],{"class":169},"columnWidths",[159,354,355],{"class":173},"]\n",[159,357,359],{"class":161,"line":358},15,[159,360,361],{"class":173},"        );\n",[159,363,365],{"class":161,"line":364},16,[159,366,367],{"class":173},"    }\n",[159,369,371],{"class":161,"line":370},17,[159,372,373],{"class":173},"}\n",[66,375,377],{"id":376},"troubleshooting","Troubleshooting",[379,380,382],"h3",{"id":381},"css-styles-not-loading","CSS styles not loading",[71,384,385],{},"If the resize handles don't display correctly:",[387,388,389,411],"ol",{},[390,391,392,393],"li",{},"Publish the Filament assets:\n",[150,394,399],{"className":395,"code":396,"filename":397,"language":398,"meta":155,"style":155},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","php artisan filament:assets\n","Terminal","bash",[99,400,401],{"__ignoreMap":155},[159,402,403,405,408],{"class":161,"line":162},[159,404,154],{"class":202},[159,406,407],{"class":286}," artisan",[159,409,410],{"class":286}," filament:assets\n",[390,412,413],{},"Clear your browser cache or hard refresh (Ctrl+F5).",[415,416,417],"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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}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":155,"searchDepth":162,"depth":188,"links":419},[420,421,422],{"id":68,"depth":188,"text":69},{"id":147,"depth":188,"text":148},{"id":376,"depth":188,"text":377,"children":423},[424],{"id":381,"depth":195,"text":382},"Override storage methods, custom database storage, and fixes.","md",null,{},{"icon":59},{"title":56,"description":425},"DjB7qhJI4KZvGV3zSUZz2VbBE5rdpjLh_ZN-eA2cFD0",[433,427],{"title":51,"path":52,"stem":53,"description":434,"icon":54,"children":-1},"Use resizable columns in Livewire components without a Filament panel.",1784908144480]