DataTable

by karin

HTML

<script src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
<div>
<table id="myTable" style="width:100%" border="1">
    <thead>
        <tr>
            <th>Fname</th>
            <th>Surname</th>
            <th colspan="2">sum</th>
        </tr>
         <tr>
            <th>Sub1</th>
            <th>Sub2</th>
            <th>age</th>
            <th>no</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td >Eve</td>
            <td>Jackson</td>
            <td>94</td>
            <td>7</td>
        </tr>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
            <td>11</td>
        </tr>
         <tr>
            <td>Maig</td>
            <td>Susi</td>
            <td>40</td>
             <td>5</td>
        </tr>
    </tbody>
</table>
</div>

CSS

table{
    background:#ddd;
}
div{
    width:400px;
}
table tr th{
   
}
#datatable {
    width: 100% !Important;
    
}
.sorting\_1{
    background:lightblue;
}

JavaScript

$(document).ready( function () {
  $('#myTable').dataTable( {
    "bAutoWidth": false,
      "aaSorting": [],
      orderClasses:true
  } );
} );