Html - Datatables

<div class="row">
                    <div id="" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

                      <table id="employee_grid" class="display table-bordered table-striped table-hover" width="100%" cellspacing="0">
        <thead>
            <tr>
                <th class="col-lg-2 col-md-2 col-sm-2 col-xs-2">Student Name</th>
                <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1">Gender</th>
                <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1">City</th>
                <th class="col-lg-3 col-md-3 col-sm-3 col-xs-3">Course Description</th>
                <th class="col-lg-2 col-md-2 col-sm-2 col-xs-2">Subject</th>
                <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1 text-right">Scholarship</th>
                <th class="col-lg-2 col-md-2 col-sm-2 col-xs-2">View Details</th>
            </tr>
        </thead>

        <tfoot>

               <tr>

                <th class="col-lg-2 col-md-2 col-sm-2 col-xs-2">Student Name</th>
                <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1">Gender</th>
                <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1">City</th>
                <th class="col-lg-3 col-md-3 col-sm-3 col-xs-3">Course Description</th>
                <th class="col-lg-2 col-md-2 col-sm-2 col-xs-2">Subject</th>
                <th class="col-lg-1 col-md-1 col-sm-1 col-xs-1 text-right">Scholarship</th>
                <th class="col-lg-2 col-md-2 col-sm-2 col-xs-2">View Details</th>
            </tr>


        </tfoot>
    </table>

                  </div>
                </div>

                <!-- InstanceEndEditable -->
            </div>
        </div>

<script>
$( document ).ready(function() {
$('#employee_grid').DataTable({
         "bProcessing": true,
         "serverSide": true,
         "autoWidth": true,
         "stateSave": true,
         "lengthMenu": [ 10, 25, 50, 100 ],
         "ajax":{
          url :"response_b.php", // json datasource
          type: "post",  // type of method,GET/POST/DELETE
          error: function(){
          $("#employee_grid_processing").css("display","none");
            }
          },
    "columnDefs": [ {
    "targets": 6,
    "data": "StudentID",
    "render": function ( data, type, full, meta ) {
      return '<a href="beneficiary.php?StudentID="'+data+'">'+data+'</a>';
    }
  } ]
        });
});

  </script>