86 lines
3.5 KiB
PHP
86 lines
3.5 KiB
PHP
@extends('layouts.master')
|
|
|
|
|
|
@section('content')
|
|
<div class="content-body">
|
|
<div class="container-fluid">
|
|
<div class="row page-titles">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0)">Table</a></li>
|
|
<li class="breadcrumb-item active"><a href="javascript:void(0)">Datatable</a></li>
|
|
</ol>
|
|
</div>
|
|
<!-- row -->
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
{{-- <div class="card-header">
|
|
<h4 class="card-title">Basic Datatable</h4>
|
|
</div> --}}
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table id="example" class="display" >
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Position</th>
|
|
<th>Office</th>
|
|
<th>Age</th>
|
|
<th>Start date</th>
|
|
<th>Salary</th>
|
|
<th>Age</th>
|
|
<th>Start date</th>
|
|
<th>Salary</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Tiger Nixon</td>
|
|
<td>System Architect</td>
|
|
<td>Edinburgh</td>
|
|
<td>61</td>
|
|
<td>2011/04/25</td>
|
|
<td>$320,800</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Garrett Winters</td>
|
|
<td>Accountant</td>
|
|
<td>Tokyo</td>
|
|
<td>63</td>
|
|
<td>2011/07/25</td>
|
|
<td>$170,750</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
|
|
@section('javascript')
|
|
<!--**********************************
|
|
Scripts
|
|
***********************************-->
|
|
<!-- Required vendors -->
|
|
<script src="vendor/global/global.min.js"></script>
|
|
<script src="vendor/chartjs/chart.bundle.min.js"></script>
|
|
<!-- Apex Chart -->
|
|
<script src="vendor/apexchart/apexchart.js"></script>
|
|
|
|
<!-- Datatable -->
|
|
<script src="vendor/datatables/js/jquery.dataTables.min.js"></script>
|
|
<script src="vendor/datatables/responsive/responsive.js"></script>
|
|
<script src="js/plugins-init/datatables.init.js"></script>
|
|
|
|
<script src="vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
|
|
<script src="vendor/bootstrap-datepicker-master/js/bootstrap-datepicker.min.js"></script>
|
|
|
|
<script src="js/custom.min.js"></script>
|
|
<script src="js/dlabnav-init.js"></script>
|
|
|
|
@endsection |