I am making a view which has tables in it. The table should have a live search and sort functions. I am using the AdminLTE in Laravel to make this. However, when I make the view with the table, the search and sort functions disappear despite having the datatables script imported. Could anyone help me out and show me where I am going wrong.
Here is my blade.php
@extends('layout.fixed')
@section("page_title")
<title>Car Hire | Home</title>
@endsection
@section("page_header")
<h1>Users</h1>
@endsection
@section("page_navigation")
<ol class="breadcrumb">
<li><a href=""><i class="fa fa-dashboard"></i>Home</a></li>
<li><a href="#">User Maintenance</a></li>
<li class="active"><a href="">Users</a></li>
</ol>
@endsection
@section("page_content")
<div class="box">
<div class="box-header">
<h3 class="box-title">Data Table With Full Features</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</thead>
<tbody>
<tr>
<td>Trident</td>
<td>Internet
Explorer 4.0
</td>
<td>Win 95+</td>
<td> 4</td>
<td>X</td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
@endsection
@section("page_scripts")
<script>
$(function () {
$('#example1').DataTable()
$('#example2').DataTable({
'paging' : true,
'lengthChange': false,
'searching' : false,
'ordering' : true,
'info' : true,
'autoWidth' : false
})
})
</script>
@endsection
and here is my layout.php file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@yield("page_title")<!--
<title>AdminLTE 2 | Fixed Layout</title> -->
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="">
<!-- Font Awesome -->
<link rel="stylesheet" href="">
<!-- Ionicons -->
<link rel="stylesheet" href="">
<!-- DataTable -->
<link rel="stylesheet" href="">
<!-- Theme style -->
<link rel="stylesheet" href="">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<
Aucun commentaire:
Enregistrer un commentaire