diff --git a/resources/views/shared/index.blade.php b/resources/views/shared/index.blade.php
index 30e680f..269877a 100644
--- a/resources/views/shared/index.blade.php
+++ b/resources/views/shared/index.blade.php
@@ -9,7 +9,7 @@
                 <a href="{{ route('shared.create') }}" class="btn btn-primary mb-3">Add shared hosting</a>
                 <x-response-alerts></x-response-alerts>
                 <div class="table-responsive">
-                    <table class="table table-bordered">
+                    <table class="table table-bordered" id="shared-table">
                         <thead class="table-light">
                         <tr class="bg-gray-100">
                             <th>Name</th>
@@ -70,4 +70,24 @@
     <x-modal-delete-script>
         <x-slot name="uri">shared</x-slot>
     </x-modal-delete-script>
+
+    @section('scripts')
+        <script>
+            window.addEventListener('load', function () {
+                $('#shared-table').DataTable({
+                    "pageLength": 15,
+                    "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
+                    "columnDefs": [
+                        {"orderable": false, "targets": [9]}
+                    ],
+                    "initComplete": function () {
+                        $('.dataTables_length,.dataTables_filter').addClass('mb-2');
+                        $('.dataTables_paginate').addClass('mt-2');
+                        $('.dataTables_info').addClass('mt-2 text-muted ');
+                    }
+                });
+            })
+        </script>
+    @endsection
+
 </x-app-layout>