xxxxxxxxxx1
<div class="container">2
<table id="dtBasicExample" class="table table-striped table-bordered" cellspacing="0" width="100%">3
<thead>4
<tr>5
<th class="th-sm">6
<!-- Material checked -->7
<div class="switch">8
<label>9
Off10
<input type="checkbox" checked>11
<span class="lever"></span> 12
On13
</label>14
</div>15
</th>16
<th class="th-sm">Position17
</th>18
<th class="th-sm">Office19
</th>20
<th class="th-sm">Age21
</th>22
<th class="th-sm">Start date23
</th>24
<th class="th-sm">Salary25
</th>26
</tr>27
</thead>28
<tbody>29
<tr>30
<td>31
<!-- Material checked -->32
<div class="switch">33
<label>34
Off35
<input type="checkbox" checked>36
<span class="lever"></span> 37
On38
</label>39
</div>40
</td>41
<td>System Architect</td>42
<td>Edinburgh</td>43
<td>61</td>44
<td>2011/04/25</td>45
<td>$320,800</td>46
</tr>47
<tr>48
<td>Garrett Winters</td>49
<td>Accountant</td>50
<td>Tokyo</td>51
<td>63</td>52
<td>2011/07/25</td>53
<td>$170,750</td>54
</tr>55
<tr>56
<td>Ashton Cox</td>57
<td>Junior Technical Author</td>58
<td>San Francisco</td>59
<td>66</td>60
<td>2009/01/12</td>61
<td>$86,000</td>62
</tr>63
<tr>64
<td>Cedric Kelly</td>65
<td>Senior Javascript Developer</td>66
<td>Edinburgh</td>67
<td>22</td>68
<td>2012/03/29</td>69
<td>$433,060</td>70
</tr>71
<tr>72
<td>Airi Satou</td>73
<td>Accountant</td>74
<td>Tokyo</td>75
<td>33</td>76
<td>2008/11/28</td>77
<td>$162,700</td>78
</tr>79
<tr>80
<td>Brielle Williamson</td>81
<td>Integration Specialist</td>82
<td>New York</td>83
<td>61</td>84
<td>2012/12/02</td>85
<td>$372,000</td>86
</tr>87
</tbody>88
<tfoot>89
<tr>90
<th>Name91
</th>92
<th>Position93
</th>94
<th>Office95
</th>96
<th>Age97
</th>98
<th>Start date99
</th>100
<th>Salary101
</th>102
</tr>103
</tfoot>104
</table>105
</div>1
1
xxxxxxxxxx1
$(document).ready(function () {2
$('#dtBasicExample').DataTable();3
$('.dataTables_length').addClass('bs-select');4
}); Console errors: 0