jQuery Datatables responsive example

HTML

<script src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
  
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

<script type='text/javascript' src="https://cdn.datatables.net/fixedcolumns/3.2.0/js/dataTables.fixedColumns.min.js"></script>


<table id="myid">
  <thead>
    <tr>
      <th>Name</th>
      <th>Address</th>
      <th>Salary</th>
    </tr>
  </thead>
  
  
  <tbody>
    <tr>
      <td>Akash</td>
      <td>Mumbai</td>
      <td>1000</td>
      
    </tr>
    <tr>
      <td>Sunil</td>
      <td>Manali</td>
      <td>15000</td>
    </tr>
    
    <tr>
      <td>Sunil</td>
      <td>Manali</td>
      <td>15000</td>
    </tr>
    
    <tr>
      <td>Akash</td>
      <td>Nagpur</td>
      <td>15000</td>
    </tr>
    
    <tr>
      <td>Sunil</td>
      <td>Navi Mumbai</td>
      <td>15000</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td></td>
      <td></td>
    </tr>
  </tfoot>

    
  
</table>

JavaScript

$(document).ready(function() {
  $('#myid').DataTable({
 
    fixedColumns: {
      leftColumns: 1
    }
    
  });
});