JQuery Datatables 在IE浏览器表头显示错乱问题

最新推荐文章于 2021-08-05 22:58:16 发布

置顶清澈@Cherry

最新推荐文章于 2021-08-05 22:58:16 发布

阅读量4.7k

点赞数

分类专栏： JavaWeb 文章标签： datatables ie

本文链接：https://blog.csdn.net/nihaoqiulinhe/article/details/53543152

版权

JavaWeb 专栏收录该内容

73 篇文章 1 订阅

订阅专栏

JQuery Datatables 在IE浏览器表头显示错乱问题，如下图：

但在其他浏览器：火狐、谷歌、百度都是显示正常的，这个IE11的浏览器上方的标题并没有自动去适配宽度，后来发现表格有一个属性："bAutoWidth": false,，设置为false就可以防止这个问题，接下来就可以使用一些空格来调整，参考如下网址内容：http://stackoverflow.com/questions/13178039/datatables-fixed-headers-misaligned-with-columns-in-wide-tables

I am having the same issue on IE9.

I will just use a RegExp to strip all the white spaces before writing the HTML to the page

var Tables=$('##table_ID').html();
var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
Tables= Tables.replace(expr, '><');
$('##table_ID').html(Tables);
oTable = $('##table_ID').dataTable( {
  "bPaginate": false,
  "bLengthChange": false,
  "bFilter": false,
  "bSort": true,
  "bInfo": true,
  "bAutoWidth": false,
  "sScrollY": ($(window).height() - 320),
  "sScrollX": "100%",
  "iDisplayLength":-1,
  "sDom": 'rt<"bottom"i flp>'
} );