DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<table class="group-grid table table-hover table-bordered table-responsive zebra-striped" id="memberGrid">
  <thead class="tablehead">
    <tr>
      <th style="width: 20%">Name</th>
      <th style="width: 20%">Room with</th>
      <th style="width: 20%">Extensions</th>
      <th style="width: 10%">Travel Protection</th>
      <th style="width: 20%">Flying from</th>
      <th style="width: 10%">Balance</th>
    </tr>
  </thead>
  <tbody>
    <tr class="tablerows">
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
      <td>E</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

CSS

table.dataTable thead tr th {
    word-wrap: break-word;
    word-break: break-all;
}

JavaScript

var table = $("#memberGrid").DataTable({
    autoWidth: false
});