File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
​
    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
​
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
  <section class="content paddingleft_right15">                                                                                               
      <div class="row">                                                                                                                       
          <div class="panel panel-primary ">                                                                                                  
              <div class="panel-heading">                                                                                                     
                  <h4 class="panel-title"><i class="livicon" data-name="users" data-size="16" data-loop="true"                                
                                             data-c="#fff" data-hc="white"></i>                                                               
                      Trucks List                                                                                                             
                  </h4>                                                                                                                       
                                                                                                                                              
              </div>                                                                                                                          
              <br/>                                                                                                                           
                                                                                                                                              
              <div class="panel-body">                                                                                                        
                  <table class="table table-bordered" id="trucks-table">                                                                      
                      <thead>                                                                                                                 
                      <tr class="filters">                                                                                                    
                          <th style="width:40px">Company<br/>ID</th>                                                                          
                          <th style="width:75px">Truck ID</th>                                                                                
                          <th style="width:100px">Description</th>                                                                            
                          <th style="width:100px">Clients<br>TruckID</th>                                                                     
                          <th style="width:100px">Subgroup</th>                                                                               
                          <th style="width:100px">Plate<br/>Weight</th>                                                                       
                          <th style="width: 65px">Action</th>                                                                                 
                                                                                                                                              
                                                                                                                                              
                          <!--  Remove this next line if you don't want view/edit/delete links -->                                            
                                                                                                                                              
                      </tr>                                                                                                                   
                      </thead>                                                                                                                
                      <tfoot>                                                                                                                 
                      <tr>                                                                                                                    
                          <th></th>                                                                                                           
                          <th></th>                                                                                                           
                          <th></th>                                                                                                           
                          <th></th>                                                                                                           
                          <th></th>                                                                                                           
                          <th></th>                                                                                                           
                          <th></th>                                                                                                           
                      </tr>                                                                                                                   
                      </tfoot>                                                                                                                
                                                                                                                                              
                      <!-- this section adds view/edit/delete links, remove if you don't need it -->                                          
                      {{--<td><a href='/admin/truck/{{ $record->id }}'>view</a>&nbsp;--}}                                                     
                      {{--<a href='/admin/truck/{{ $record->id }}/edit/'>edit</a>&nbsp;--}}                                                   
                      {{--<a href='/admin/truck/delete/{{ $record->id }}'>delete</a>--}}                                                      
                      {{--</td>--}}                                                                                                           
                                                                                                                                              
                  </table>                                                                                                                    
              </div>                                                                                                                          
                                                                                                                                              
          </div>                                                                                                                              
      </div>                                                                                                                                  
      <!-- row-->                                                                                                                             
  </section>     
  </body>
</html>
CSSSaved
 
body {
  font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
}
​
JavaScriptSaved
 
 <script>                                                                                                   
     $(document).ready(function () {                                                                        
         $('#trucks-table').DataTable({                                                                     
             processing: true,                                                                              
             serverSide: true,                                                                              
             ajax: '{{ url("admin/trucks/data") }}',                                                        
             columns: [                                                                                     
                 {data: 'Company_ID', name: 'Company_ID', width: "40px"},                                   
                 {data: 'Truck_ID', name: 'Truck_ID'},                                                      
                 {data: 'Description', name: 'Description'},                                                
                 {data: 'Clients_Truck ID', name: 'Clients_Truck ID'},                                      
                 {data: 'subgroup', name: 'subgroup'},                                                      
                 {data: 'Plate_Weight', name: 'Plate_Weight'},                                              
                 {data: 'action', name: 'action', orderable: false, searchable: false}                      
                                                                                                            
             ],                                                                                             
             initComplete: function () {                                                                    
                                                                                                            
                 this.api().columns().every(function () {                                                   
                     var column = this;                                                                     
                     var input = document.createElement("input");                                           
                     $(input).appendTo($(column.footer()).empty())                                          
                             .on('change', function () {                                                    
                                 var val = $.fn.dataTable.util.escapeRegex($(this).val());                  
                                                                                                            
                                 column.search(val ? val : '', true, false).draw();                         
                             });                                                                            
                 });                                                                                        
             }                                                                                              
         });                                                                                                
     });                                                                                                    
 </script>
4 errors 2 warnings
Line 1: Expected an identifier and instead saw '<'.
Line 1: Expected an assignment or function call and instead saw an expression.
Line 1: Missing semicolon.
Line 31: Expected an assignment or function call and instead saw an expression.
Line 32: Unclosed regular expression.
Line 32: Unrecoverable syntax error. (100% scanned).
Output

This bin was created anonymously and its free preview time has expired. Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers