paginazione tabelle - aggiunte frecce inizio / fine

public/css/style.css

@@ -16896,4 +16896,28 @@ button.download-png {
 
 .btn--ui[disabled] {
   background-color: #aaa !important;
+}
+
+.dt-paging-button.page-item.disabled:has(.first),
+.dt-paging-button.page-item.disabled:has(.last) {
+  display: none;
+}
+
+.dt-paging-button.page-item .page-link,
+.dt-paging-button.page-item .page-link {
+  display: flex;
+  padding: 0;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.dt-paging-button.page-item .page-link.first {
+  padding-right: 5px;
+}
+
+.dt-paging-button.page-item .page-link.last {
+  padding-left: 5px;
 }

resources/views/livewire/bank.blade.php

@@ -229,10 +229,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/calendar_remove.blade.php

@@ -226,11 +226,20 @@ function loadDataTable(){
                 }
             },
             top1C :'search',
+            bottomEnd: {
+                paging: {
+                    boundaryNumbers: false
+                }
+            }
         },
-        pagingType: 'numbers',
+        pagingType: 'first_last_numbers',
         language: {
-            url: "/assets/js/Italian.json"
-        }
+            "url": "/assets/js/Italian.json",
+            paginate: {
+                first: '<i class="fa-solid fa-angles-left"></i>',
+                last: '<i class="fa-solid fa-angles-right"></i>',
+            }
+        },
     });
 }
 </script>

resources/views/livewire/card.blade.php

@@ -276,6 +276,11 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
 
                 //},
@@ -283,9 +288,13 @@
                 //dom: '<"top"><"row top"<"col-6"B><"col-6"f>>rt<"bottom"<"row"<"col-4"p><"col-4"l><"col-4 rightPagination"i>>><"clear">',
                 //"dom": '<"top"i>rt<"bottom"flp><"clear">',
                 lengthChange: true,
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/city.blade.php

@@ -172,12 +172,21 @@
                                 }
                             }
                         ]
+                    },
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
+                },
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
                     }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
-                }
             });
             $('#tablesaw-350 thead tr th').addClass('col');
             $('#tablesaw-350 thead tr th').css("background-color", "#f6f8fa");

resources/views/livewire/course.blade.php

@@ -469,14 +469,23 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
                 "columnDefs": [ {
                 "targets": 0,
                 "orderable": false
                 } ],
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_duration.blade.php

@@ -184,10 +184,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_frequency.blade.php

@@ -171,10 +171,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_level.blade.php

@@ -171,10 +171,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_list_original.blade.php

@@ -918,11 +918,20 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
                 order: [[2, 'asc'], [3, 'asc']],
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/course_member.blade.php

@@ -737,11 +737,20 @@
                         }
                     },
                     top1C: 'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
                 order: [[0, 'asc'], [1, 'asc']],
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/course_member_one.blade.php

@@ -109,10 +109,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_member_two.blade.php

@@ -119,10 +119,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_subscription.blade.php

@@ -171,10 +171,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/course_type.blade.php

@@ -171,10 +171,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/court.blade.php

@@ -217,10 +217,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/discipline.blade.php

@@ -171,10 +171,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/financial_movements.blade.php

@@ -587,10 +587,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/member.blade.php

@@ -2636,10 +2636,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a style="cursor:pointer" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/member_archive.blade.php

@@ -645,10 +645,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a style="cursor:pointer" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/motivation.blade.php

@@ -191,10 +191,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/nation.blade.php

@@ -215,12 +215,21 @@
                                 }
                             }
                         ]
+                    },
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
+                },
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
                     }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
-                }
             });
             $('#tablesaw-350 thead tr th').addClass('col');
             $('#tablesaw-350 thead tr th').css("background-color", "#f6f8fa");

resources/views/livewire/payment_method.blade.php

@@ -267,10 +267,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/province.blade.php

@@ -204,12 +204,21 @@
                                 }
                             }
                         ]
+                    },
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
+                },
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
                     }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
-                }
             });
             $('#tablesaw-350 thead tr th').addClass('col');
             $('#tablesaw-350 thead tr th').css("background-color", "#f6f8fa");

resources/views/livewire/receipt.blade.php

@@ -446,11 +446,20 @@ $(document).ready(function () {
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
                 order: [[0, 'desc'], [1, 'asc']],
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     if ($(".dt-search .showHideFilter").length === 0) {

resources/views/livewire/records_in.blade.php

@@ -1375,10 +1375,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/records_out.blade.php

@@ -900,10 +900,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/reminders.blade.php

@@ -292,10 +292,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="showHideFilter btn--ui"><i class="fa-solid fa-sliders"></i></a>';

resources/views/livewire/sponsor.blade.php

@@ -552,12 +552,21 @@
                                 }
                             }
                         ]
+                    },
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
+                },
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
                     }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
-                }
             });
             $('#tablesaw-350 thead tr th').addClass('col');
             $('#tablesaw-350 thead tr th').css("background-color", "#f6f8fa");

resources/views/livewire/supplier.blade.php

@@ -453,10 +453,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/user.blade.php

@@ -208,10 +208,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';

resources/views/livewire/vat.blade.php

@@ -175,7 +175,7 @@
                                 ],
                                 dropup: true
                             }
-                        ]
+                    ]
                     },
                     top1B : {
                         pageLength: {
@@ -183,10 +183,19 @@
                         }
                     },
                     top1C :'search',
+                    bottomEnd: {
+                        paging: {
+                            boundaryNumbers: false
+                        }
+                    }
                 },
-                pagingType: 'numbers',
-                "language": {
-                    "url": "/assets/js/Italian.json"
+                pagingType: 'first_last_numbers',
+                language: {
+                    "url": "/assets/js/Italian.json",
+                    paginate: {
+                        first: '<i class="fa-solid fa-angles-left"></i>',
+                        last: '<i class="fa-solid fa-angles-right"></i>',
+                    }
                 },
                 "fnInitComplete": function (oSettings, json) {
                     var html = '&nbsp;<a href="#" class="addData btn--ui"><i class="fa-solid fa-plus"></i></a>';