DataTables break word

DataTables break word

by abhijeetkarve

HTML

<link rel="stylesheet" href="https://nightly.datatables.net/css/jquery.dataTables.min.css">
<script src="https://nightly.datatables.net/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://nightly.datatables.net/responsive/css/responsive.dataTables.min.css">
<script src="https://nightly.datatables.net/responsive/js/dataTables.responsive.min.js"></script>
<table id="example" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th>First name</th>
      <th>Last name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Start date</th>
      <th>Salary</th>
      <th class="none">Extn.</th>
      </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tiger</td>
      <td>Nixon thisisaverylongwordthisisaverylongwordthisisaverylongwordthisisaverylongwordthisisaverylongword</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
      <td>$320,800</td>
      <td>5421</td>
    </tr>
  </tbody>
</table>

CSS

table.dataTable td {
  word-break: break-word;
}

JavaScript

var table = $('#example').DataTable({
});