Allow per page customization

Author: rappasoft

CHANGELOG.md

@@ -12,6 +12,8 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 
 - Clarified where rowView looks in read me
 - Null the search filter when it's empty
+- Fill per page options from $perPageAccepted in views
+- Make $perPageAccepted public
 
 ### Removed
 

README.md

@@ -404,6 +404,8 @@ There are some class level properties you can set:
 | $showPagination | true | bool | Show the pagination when pagination is enabled |
 | $showSorting | true | bool | Show the sorting pills |
 | $showFilters | true | bool | Show the filter pills |
+| $perPage | 10 | int | The default per page amount selected (must exist in list) |
+| $perPageAccepted | [10, 25, 50] | int[] | The values for the per page dropdown, in order |
 | $searchFilterDebounce | null | null/int | Adds a debounce of `$searchFilterDebounce` ms to the search input |
 | $searchFilterDefer | null | null/bool | Adds `.defer` to the search input |
 | $searchFilterLazy | null | null/bool | Adds `.lazy` to the search input |

resources/views/bootstrap-4/includes/per-page.blade.php

@@ -5,9 +5,9 @@
             id="perPage"
             class="form-control"
         >
-            <option value="10">10</option>
-            <option value="25">25</option>
-            <option value="50">50</option>
+            @foreach ($perPageAccepted as $item)
+                <option value="{{ $item }}">{{ $item }}</option>
+            @endforeach
         </select>
     </div>
 @endif

resources/views/bootstrap-5/includes/per-page.blade.php

@@ -5,9 +5,9 @@
             id="perPage"
             class="form-select"
         >
-            <option value="10">10</option>
-            <option value="25">25</option>
-            <option value="50">50</option>
+            @foreach ($perPageAccepted as $item)
+                <option value="{{ $item }}">{{ $item }}</option>
+            @endforeach
         </select>
     </div>
 @endif

resources/views/tailwind/includes/per-page.blade.php

@@ -5,9 +5,9 @@
             id="perPage"
             class="rounded-md shadow-sm block w-full pl-3 pr-10 py-2 text-base leading-6 border-gray-300 focus:outline-none focus:border-indigo-300 focus:shadow-outline-indigo sm:text-sm sm:leading-5"
         >
-            <option value="10">10</option>
-            <option value="25">25</option>
-            <option value="50">50</option>
+            @foreach ($perPageAccepted as $item)
+                <option value="{{ $item }}">{{ $item }}</option>
+            @endforeach
         </select>
     </div>
 @endif

src/Traits/WithPerPagePagination.php

@@ -11,7 +11,7 @@ trait WithPerPagePagination
     public bool $showPerPage = true;
     public bool $showPagination = true;
     public int $perPage = 10;
-    protected array $perPageAccepted = [10, 25, 50];
+    public array $perPageAccepted = [10, 25, 50];
 
     public function mountWithPerPagePagination(): void
     {