Mejora de Tablas

1 month ago · 9c2e84a1cd
2 changed files with 32 additions and 2 deletions
--- a/resources/views/layouts/plantilla.blade.php
+++ b/resources/views/layouts/plantilla.blade.php
@ -19,9 +19,15 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

+
+    <link href="//cdn.datatables.net/2.2.2/css/dataTables.dataTables.min.css" rel="stylesheet">
+
+    <link href="https://cdn.datatables.net/buttons/3.2.2/css/buttons.dataTables.css" rel="stylesheet">
+
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">


+
 </head>

 <body>
@ -43,8 +49,17 @@
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
 </script>
 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdn.datatables.net/2.2.2/js/dataTables.min.js"></script>
 <script src="{{asset('js/main.js')}}"></script>

+<script src="https://cdn.datatables.net/buttons/3.2.2/js/dataTables.buttons.js"></script>
+<script src="https://cdn.datatables.net/buttons/3.2.2/js/buttons.dataTables.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
+<script src="https://cdn.datatables.net/buttons/3.2.2/js/buttons.html5.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/3.2.2/js/buttons.print.min.js"></script>
+
    @if(session('success'))
    <script>
        Swal.fire({
@ -79,6 +94,15 @@
        });
    </script>
@endif
+<script>
+let table = new DataTable('table', {
+    layout: {
+        topStart: {
+            buttons: ['copy', 'csv', 'excel', 'pdf', 'print']
+        }
+    }
+});

-
+</script>
+@yield('scripts')
 </html>
--- a/resources/views/trabajadores.blade.php
+++ b/resources/views/trabajadores.blade.php
@ -9,7 +9,7 @@
            <div class="row">
                <div class="col-md-12">
                    <a href="{{ route('trabajadores.create') }}" class="btn btn-primary">Agregar Trabajador</a>
-                    <table class="table table-striped">
+                    <table id="tablaTrabajadores" class="table table-striped">
                        <thead>
                            <tr>
                                <th>Nombre</th>
@ -47,3 +47,9 @@
                </div>
            </div>
        @endsection
+
+        @section('scripts')
+            <script>
+                let table = new DataTable('table');
+            </script>
+        @endsection