FixedHeader autoWidth bug
by Francis Irving
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.css">
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.css">
<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.js"></script>
<table id="sponsor_table" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Sponsor name</th>
<th>Tests</th>
<th>Due tests</th>
<th>Unreported</th>
<th>% Reported</th>
</tr>
</thead>
<tr><td> Foo corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Bar corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Humbug corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Moo corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Squeak corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Yap corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Howl corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Maeow corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Huggle corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
<tr><td> Silent corp </td><td> 10 </td><td> 20 </td><td> 30 </td><td> 1% </td></tr>
</table>
JavaScript
var t = $('#sponsor_table').DataTable({
"fixedHeader": true,
"order": [[ 4, "desc" ]],
"pageLength": 100,
"lengthMenu": [ [10, 100, 500, -1], [10, 100, 500, "All"] ],
"orderClasses": false, // Turns off column highlighting, so sorting much faster
"dom": "tlpr",
"autoWidth": false,
"aoColumns": [
{ "width": "200px", "orderSequence": [ "asc", "desc" ] },
{ "width": "17.5%", "orderSequence": [ "desc", "asc" ], "className": "dt-right" },
{ "width": "17.5%", "orderSequence": [ "desc", "asc" ], "className": "dt-right" },
{ "width": "17.5%", "orderSequence": [ "desc", "asc" ], "className": "dt-right" },
{ "width": "17.5%", "orderSequence": [ "desc", "asc" ], "className": "dt-right" }
],
});