
<html lang="en">
<head>
    <title>Laravel DataTables Tutorial Example</title>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">  
        <link  href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
</head>
      <body>
         <div class="container">
            <table class="table table-bordered" id="table">
               <thead>
                  <tr>
                     <th>Id</th>
                     <th>Subject</th>
                     <th>Status</th>
                     <th>Last Updated</th>
                     <th>Priority</th>
                     <th>App</th>
                     <th>Category</th>
                  </tr>
               </thead>
            </table>
         </div>
       <script>
         $(function() {
               $('#table').DataTable({
               processing: true,
               serverSide: true,
               ajax: '<?php echo e(url('index')); ?>',
               columns: [
                        { data: 'id', name: 'id' },
                        { data: 'subject', name: 'subject' },
                        { data: 'status_id', name: 'status_id' },
                        { data: 'created_at', name: 'created_at' },
                        { data: 'pname', name: 'pname' },
                        { data: 'cname', name: 'cname' },
                        { data: 'subname', name: 'subname' }
                     ]
            });
         });
         </script>
   </body>
</html>
