Disable column checkboxes while syncing

Author: rappasoft

README.md

@@ -66,6 +66,7 @@ class UsersTable extends DataTableComponent
 - [x] Bootstrap 4 Template
 - [x] Bootstrap 5 Template
 - [x] Sorting By Relationships
+- [x] User Column Selection  
 - [ ] Collection/Query Support  
 - [ ] Test Suite (WIP)
 - [ ] Column Search

resources/views/bootstrap-4/includes/column-select.blade.php

@@ -9,7 +9,13 @@
                 @if ($column->isVisible() && $column->isSelectable())
                     <div>
                         <label class="px-2 {{ $loop->last ? 'mb-0' : 'mb-1' }}">
-                            <input wire:model="columnSelectEnabled" type="checkbox" value="{{ $column->column() }}">
+                            <input
+                                wire:model="columnSelectEnabled"
+                                wire:target="columnSelectEnabled"
+                                wire:loading.attr="disabled"
+                                type="checkbox"
+                                value="{{ $column->column() }}"
+                            />
                             <span class="ml-2">{{ $column->text() }}</span>
                         </label>
                     </div>

resources/views/bootstrap-5/includes/column-select.blade.php

@@ -9,7 +9,13 @@
                 @if ($column->isVisible() && $column->isSelectable())
                     <div>
                         <label class="px-2 {{ $loop->last ? 'mb-0' : 'mb-1' }}">
-                            <input wire:model="columnSelectEnabled" type="checkbox" value="{{ $column->column() }}">
+                            <input
+                                wire:model="columnSelectEnabled"
+                                wire:target="columnSelectEnabled"
+                                wire:loading.attr="disabled"
+                                type="checkbox"
+                                value="{{ $column->column() }}"
+                            />
                             <span class="ml-2">{{ $column->text() }}</span>
                         </label>
                     </div>

resources/views/tailwind/includes/column-select.blade.php

@@ -43,7 +43,13 @@ class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg z-50"
                             @if ($column->isVisible() && $column->isSelectable())
                                 <div>
                                     <label class="px-2 py-1 inline-flex items-center">
-                                        <input wire:model="columnSelectEnabled" type="checkbox" value="{{ $column->column() }}">
+                                        <input
+                                            wire:model="columnSelectEnabled"
+                                            wire:target="columnSelectEnabled"
+                                            wire:loading.attr="disabled"
+                                            type="checkbox"
+                                            value="{{ $column->column() }}"
+                                        />
                                         <span class="ml-2">{{ $column->text() }}</span>
                                     </label>
                                 </div>