<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-body">

        <style>
          #datatable-fixedheader thead th:nth-child(1),
          #datatable-fixedheader tbody td:nth-child(1){width:4%;text-align:center}
          
          #datatable-fixedheader thead th:nth-child(2),
          #datatable-fixedheader tbody td:nth-child(2){
              max-width:150px;
              white-space:nowrap;
              overflow:hidden;
              text-overflow:ellipsis;
          }
          
          #datatable-fixedheader thead th:nth-child(3),
          #datatable-fixedheader tbody td:nth-child(3){width:10%; text-align:left;}
          
          #datatable-fixedheader thead th:nth-child(4),
          #datatable-fixedheader tbody td:nth-child(4){
              max-width:150px;
              white-space:nowrap;
              overflow:hidden;
              text-overflow:ellipsis;
          }
          
          #datatable-fixedheader thead th:nth-child(5),
          #datatable-fixedheader tbody td:nth-child(5){width:8%;text-align:left;}
          #datatable-fixedheader thead th:nth-child(6),
          #datatable-fixedheader tbody td:nth-child(6){width:8%;text-align:left}
          #datatable-fixedheader thead th:nth-child(7),
          #datatable-fixedheader tbody td:nth-child(7){width:8%;text-align:left}
          #datatable-fixedheader thead th:nth-child(8),
          #datatable-fixedheader tbody td:nth-child(8){width:6%;text-align:left}
          #datatable-fixedheader thead th:nth-child(9),
          #datatable-fixedheader tbody td:nth-child(9){width:8%;text-align:left}
          
          #datatable-fixedheader thead th:nth-child(10),
          #datatable-fixedheader tbody td:nth-child(10){
              max-width:200px;
              white-space:nowrap;
              overflow:hidden;
              text-overflow:ellipsis;
          }
          
          #datatable-fixedheader thead th:nth-child(11){width:10%;text-align:center}
        </style>

        <table id="datatable-fixedheader" class="table table-hover table-bordered dt-responsive nowrap">
          <thead>
            <tr>
              <th>No</th>
              <th>Name</th>
              <th>Mobile</th>
              <th>Email</th>
              <th>Latest Rep.</th>
              <th>Last Pre.</th>
              <th>Status</th>
              <th>Age</th>
              <th>Gender</th>
              <th>Message</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>

      </div>
    </div>
  </div>
</div>

<?php $this->load->view('includes/footer'); ?>