Datatable Fixed Header Not Being Applied

I have a table using datatables plug-in. I'm trying to make my table header fixed, and follow this link : here $('.device-table').DataTable( { 'fixedHeader': { header:

Solution 1:

For the fixedHeader plugin to work you also need the css file:

<link rel="stylesheet"type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css">

Check this update: https://jsfiddle.net/s2xbf9d0/6/

Solution 2:

Your fiddle seems to be missing the dataTables.fixedHeader plugin as well as the fixedHeader.dataTables CSS file which was causing you the page from rendering properly (with the fixed headers).

Working DEMO: - https://jsfiddle.net/s2xbf9d0/7/

Hope this helps!