@extends('layouts.master') @section('title') Dashboard @endsection @section('header') <div class="page-title"> <h3>Dashboard</h3> </div> @endsection @section('contents') <!-- start page title --> <div class="page-title-box"> <div class="row align-items-center"> <div class="col-md-8"> <h6 class="page-title">{!! $title !!}</h6> <ol class="breadcrumb m-0"> <li class="breadcrumb-item">Setting</li> <li class="breadcrumb-item">{!! $title !!}</li> </ol> </div> </div> </div> <!-- end page title --> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-body"> <div class="table-responsive"> <table id="example" class="table table-bordered dt-responsive wrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;"> <thead> <tr> <th>id</th> <th>Kategori PMW</th> <th>Deskripsi</th> <th>Jumlah Komponen</th> <th>Aksi</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> <!-- end col --> </div> <!-- end row --> @endsection @section('js') <script> $(document).ready(function(){ // DataTable var oTable = $('#example').DataTable({ processing: true, serverSide: true, ajax: { "url" : "{{route('operator.getJenisPenilaianMonev')}}" }, columns: [ { data: 'jenis_id' }, { data: 'nama' }, { data: 'keterangan' }, { data: 'jumlah_komponen' }, { data: 'aksi' }, ], columnDefs: [ { "targets": [ 0 ], "visible": false, "searchable": false } ] }); }); </script> @endsection