[{"data":1,"prerenderedAt":615},["ShallowReactive",2],{"navigation":3,"\u002Ffeatures\u002Fsticky-columns":60,"\u002Ffeatures\u002Fsticky-columns-surround":610},[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":41,"body":62,"description":603,"extension":604,"links":605,"meta":606,"navigation":607,"path":42,"seo":608,"stem":43,"__hash__":609},"docs\u002F2.features\u002F3.sticky-columns.md",{"type":63,"value":64,"toc":596},"minimark",[65,69,74,82,129,132,136,148,175,343,353,357,367,545,555,559,577,581,592],[66,67,68],"p",{},"Sticky columns stay frozen on the left while the rest of the table scrolls horizontally.",[70,71,73],"h2",{"id":72},"dev-declared-default","Dev-declared default",[66,75,76,77,81],{},"Mark a column sticky with ",[78,79,80],"code",{},"->sticky()",":",[83,84,89],"pre",{"className":85,"code":86,"language":87,"meta":88,"style":88},"language-php shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","TextColumn::make('name')->sticky();\n","php","",[78,90,91],{"__ignoreMap":88},[92,93,96,100,104,108,111,114,118,120,123,126],"span",{"class":94,"line":95},"line",1,[92,97,99],{"class":98},"sBMFI","TextColumn",[92,101,103],{"class":102},"sMK4o","::",[92,105,107],{"class":106},"s2Zo4","make",[92,109,110],{"class":102},"(",[92,112,113],{"class":102},"'",[92,115,117],{"class":116},"sfazB","name",[92,119,113],{"class":102},[92,121,122],{"class":102},")->",[92,124,125],{"class":106},"sticky",[92,127,128],{"class":102},"();\n",[66,130,131],{},"This column is pinned for everyone out of the box.",[70,133,135],{"id":134},"user-controlled-pinning","User-controlled pinning",[66,137,138,139,142,143,147],{},"Enable ",[78,140,141],{},"->stickableColumns()"," on the table. A ",[144,145,146],"strong",{},"Pin columns"," dropdown appears in the toolbar (before the column-manager trigger).",[149,150,151,155,165,172],"ul",{},[152,153,154],"li",{},"Checkboxes draft which columns are pinned.",[152,156,157,160,161,164],{},[144,158,159],{},"Select all"," \u002F ",[144,162,163],{},"Deselect all"," shortcuts are included.",[152,166,167,168,171],{},"Changes apply only when the user clicks ",[144,169,170],{},"Apply"," (the button is disabled when nothing changed).",[152,173,174],{},"Closing the panel without Apply keeps the draft in memory for that page session.",[83,176,178],{"className":85,"code":177,"language":87,"meta":88,"style":88},"public function table(Table $table): Table\n{\n    return $table\n        ->columns([\n            TextColumn::make('name')->sticky(), \u002F\u002F seeds initial selection\n            TextColumn::make('email'),\n            TextColumn::make('created_at'),\n        ])\n        ->dragReorderableColumns()\n        ->stickableColumns();\n}\n",[78,179,180,210,216,228,240,269,290,310,316,327,337],{"__ignoreMap":88},[92,181,182,186,189,192,194,197,200,204,207],{"class":94,"line":95},[92,183,185],{"class":184},"spNyl","public",[92,187,188],{"class":184}," function",[92,190,191],{"class":106}," table",[92,193,110],{"class":102},[92,195,196],{"class":98},"Table",[92,198,199],{"class":102}," $",[92,201,203],{"class":202},"sTEyZ","table",[92,205,206],{"class":102},"):",[92,208,209],{"class":98}," Table\n",[92,211,213],{"class":94,"line":212},2,[92,214,215],{"class":102},"{\n",[92,217,219,223,225],{"class":94,"line":218},3,[92,220,222],{"class":221},"s7zQu","    return",[92,224,199],{"class":102},[92,226,227],{"class":202},"table\n",[92,229,231,234,237],{"class":94,"line":230},4,[92,232,233],{"class":102},"        ->",[92,235,236],{"class":106},"columns",[92,238,239],{"class":102},"([\n",[92,241,243,246,248,250,252,254,256,258,260,262,265],{"class":94,"line":242},5,[92,244,245],{"class":98},"            TextColumn",[92,247,103],{"class":102},[92,249,107],{"class":106},[92,251,110],{"class":102},[92,253,113],{"class":102},[92,255,117],{"class":116},[92,257,113],{"class":102},[92,259,122],{"class":102},[92,261,125],{"class":106},[92,263,264],{"class":102},"(),",[92,266,268],{"class":267},"sHwdD"," \u002F\u002F seeds initial selection\n",[92,270,272,274,276,278,280,282,285,287],{"class":94,"line":271},6,[92,273,245],{"class":98},[92,275,103],{"class":102},[92,277,107],{"class":106},[92,279,110],{"class":102},[92,281,113],{"class":102},[92,283,284],{"class":116},"email",[92,286,113],{"class":102},[92,288,289],{"class":102},"),\n",[92,291,293,295,297,299,301,303,306,308],{"class":94,"line":292},7,[92,294,245],{"class":98},[92,296,103],{"class":102},[92,298,107],{"class":106},[92,300,110],{"class":102},[92,302,113],{"class":102},[92,304,305],{"class":116},"created_at",[92,307,113],{"class":102},[92,309,289],{"class":102},[92,311,313],{"class":94,"line":312},8,[92,314,315],{"class":102},"        ])\n",[92,317,319,321,324],{"class":94,"line":318},9,[92,320,233],{"class":102},[92,322,323],{"class":106},"dragReorderableColumns",[92,325,326],{"class":102},"()\n",[92,328,330,332,335],{"class":94,"line":329},10,[92,331,233],{"class":102},[92,333,334],{"class":106},"stickableColumns",[92,336,128],{"class":102},[92,338,340],{"class":94,"line":339},11,[92,341,342],{"class":102},"}\n",[66,344,345,346,348,349,352],{},"Any ",[78,347,80],{}," calls ",[144,350,351],{},"seed the initial selection",". Once a user applies their own choice, that selection is remembered.",[70,354,356],{"id":355},"customize-the-trigger","Customize the trigger",[66,358,359,360,363,364,81],{},"Customize the toolbar button with ",[78,361,362],{},"->stickyManagerTriggerAction()",", mirroring Filament's ",[78,365,366],{},"columnManagerTriggerAction()",[83,368,370],{"className":85,"code":369,"language":87,"meta":88,"style":88},"use Filament\\Actions\\Action;\n\npublic function table(Table $table): Table\n{\n    return $table\n        ->columns([...])\n        ->stickableColumns()\n        ->stickyManagerTriggerAction(fn (Action $action) => $action\n            ->label('Pinned columns')\n            ->icon('heroicon-o-map-pin')\n            ->tooltip('Choose which columns stay visible'));\n}\n",[78,371,372,395,401,421,425,433,442,450,483,503,521,540],{"__ignoreMap":88},[92,373,374,378,381,384,387,389,392],{"class":94,"line":95},[92,375,377],{"class":376},"sbssI","use",[92,379,380],{"class":202}," Filament",[92,382,383],{"class":102},"\\",[92,385,386],{"class":202},"Actions",[92,388,383],{"class":102},[92,390,391],{"class":202},"Action",[92,393,394],{"class":102},";\n",[92,396,397],{"class":94,"line":212},[92,398,400],{"emptyLinePlaceholder":399},true,"\n",[92,402,403,405,407,409,411,413,415,417,419],{"class":94,"line":218},[92,404,185],{"class":184},[92,406,188],{"class":184},[92,408,191],{"class":106},[92,410,110],{"class":102},[92,412,196],{"class":98},[92,414,199],{"class":102},[92,416,203],{"class":202},[92,418,206],{"class":102},[92,420,209],{"class":98},[92,422,423],{"class":94,"line":230},[92,424,215],{"class":102},[92,426,427,429,431],{"class":94,"line":242},[92,428,222],{"class":221},[92,430,199],{"class":102},[92,432,227],{"class":202},[92,434,435,437,439],{"class":94,"line":271},[92,436,233],{"class":102},[92,438,236],{"class":106},[92,440,441],{"class":102},"([...])\n",[92,443,444,446,448],{"class":94,"line":292},[92,445,233],{"class":102},[92,447,334],{"class":106},[92,449,326],{"class":102},[92,451,452,454,457,459,462,465,467,469,472,475,478,480],{"class":94,"line":312},[92,453,233],{"class":102},[92,455,456],{"class":106},"stickyManagerTriggerAction",[92,458,110],{"class":102},[92,460,461],{"class":184},"fn",[92,463,464],{"class":102}," (",[92,466,391],{"class":98},[92,468,199],{"class":102},[92,470,471],{"class":202},"action",[92,473,474],{"class":102},")",[92,476,477],{"class":102}," =>",[92,479,199],{"class":102},[92,481,482],{"class":202},"action\n",[92,484,485,488,491,493,495,498,500],{"class":94,"line":318},[92,486,487],{"class":102},"            ->",[92,489,490],{"class":106},"label",[92,492,110],{"class":102},[92,494,113],{"class":102},[92,496,497],{"class":116},"Pinned columns",[92,499,113],{"class":102},[92,501,502],{"class":102},")\n",[92,504,505,507,510,512,514,517,519],{"class":94,"line":329},[92,506,487],{"class":102},[92,508,509],{"class":106},"icon",[92,511,110],{"class":102},[92,513,113],{"class":102},[92,515,516],{"class":116},"heroicon-o-map-pin",[92,518,113],{"class":102},[92,520,502],{"class":102},[92,522,523,525,528,530,532,535,537],{"class":94,"line":339},[92,524,487],{"class":102},[92,526,527],{"class":106},"tooltip",[92,529,110],{"class":102},[92,531,113],{"class":102},[92,533,534],{"class":116},"Choose which columns stay visible",[92,536,113],{"class":102},[92,538,539],{"class":102},"));\n",[92,541,543],{"class":94,"line":542},12,[92,544,342],{"class":102},[66,546,547,548,550,551,554],{},"The default trigger is a small gray Filament button labeled ",[144,549,146],{}," (translatable via ",[78,552,553],{},"resources\u002Flang",").",[70,556,558],{"id":557},"behaviour-notes","Behaviour notes",[149,560,561,568,571,574],{},[152,562,563,564,567],{},"Pinned columns are ",[144,565,566],{},"left-pin only"," in the current version.",[152,569,570],{},"Pinned headers show a small pin indicator; resize handles are hidden on sticky columns.",[152,572,573],{},"Sticky columns are excluded from drag-to-reorder; columns cannot be dropped before a sticky column.",[152,575,576],{},"Header and body cells use opaque backgrounds so horizontally scrolled content does not show through.",[70,578,580],{"id":579},"persistence","Persistence",[66,582,583,584,587,588,591],{},"The user's pinned selection is persisted per user (session + database) alongside widths and order — ",[144,585,586],{},"no extra migration"," beyond the ",[78,589,590],{},"table_settings"," table.",[593,594,595],"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .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 pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":88,"searchDepth":95,"depth":212,"links":597},[598,599,600,601,602],{"id":72,"depth":212,"text":73},{"id":134,"depth":212,"text":135},{"id":355,"depth":212,"text":356},{"id":557,"depth":212,"text":558},{"id":579,"depth":212,"text":580},"Pin columns so they stay visible during horizontal scroll — dev defaults, user pinning, and a customizable toolbar trigger.","md",null,{},{"icon":44},{"title":41,"description":603},"EppzFChr7GEH_iBm3vEO_s35YI88GRwjqaPlHTesqxs",[611,613],{"title":36,"path":37,"stem":38,"description":612,"icon":39,"children":-1},"Let users drag columns into a new order.",{"title":46,"path":47,"stem":48,"description":614,"icon":49,"children":-1},"Session vs database storage, and configuration priority.",1784908144480]