Column Filtering and adjusting column Width

timcadieux

I'm attempting to adjust the width of my columns but no matter what I do, the columns seem to adjust to fit the content inside them.

If I remove all table layout html and just use the below, then the resizing works but I lose the column filtering. If I use the thead and tfoot, then the sizing seems to not work

<table class="table table-bordered table-hover dt-responsive" id="datatable">
</table>

Any help would be appreciated..codepen below

https://codepen.io/anon/pen/rzMGpp