Responsive-DataTables-With-Fixed-Headers

Javascript DataTables have a really cool plugin called Fixed Headers. However, Fixed Headers does not work on tables with a table-responsive attribute in the table element, and they also do not work on small screen sizes. So, here is an example of how we can disable Fixed Headers on a DataTable when the screen size gets below a certain size. This allows table-responisve to work as intended, and allows Fixed Headers to work on large screen sizes, but disables them on smaller and mobile screen sizes.