佛山网站建设的大品牌,asp网站用什么做,html5网站模板 医院,直播间网站开发制作jquery datatable设置垂直滚动后#xff0c;表头(th)错位问题 问题描述#xff1a; 我在datatable里设置#xff1a;”scrollY”: ‘300px’,垂直滚动属性后#xff0c;表头的宽度就会错位#xff0c;代码如下#xff1a; !-- HTML代码 --
table iddem… jquery datatable设置垂直滚动后表头(th)错位问题 问题描述 我在datatable里设置”scrollY”: ‘300px’,垂直滚动属性后表头的宽度就会错位代码如下 !-- HTML代码 --
table iddemo classtable cellspacing0 width100%thead classthe-boxtrth stylewidth: 50px;text-align: left;font-size: 13px; padding-left: 8px表头1/thth stylewidth: 100px;text-align: left;font-size: 13px; padding-left: 8px表头2/th/tr/theadtbody/tbody
/table//加载表格
$(#demo).dataTable().fnDestroy();
$(#demo).dataTable({data: tableData, //json数据bProcessing: true,//正在处理提示scrollY: 300px, //支持垂直滚动scrollCollapse: true,paging: false,columnDefs: [{ //数据渲染render: function (data, type, row) {return div classtext-indentation-s title data data /div;},targets: 0}, {//visible: false,render: function (data, type, row) {return div classtext-indentation-b title data data /div;},targets: [1]}]
}); 效果 解决方法 给 table 设置一个样式table-layout:fixed (固定表格布局) !-- HTML代码 --
table iddemo classtable styletable-layout:fixed cellspacing0 width100%thead classthe-boxtrth stylewidth: 50px;text-align: left;font-size: 13px; padding-left: 8px表头1/thth stylewidth: 100px;text-align: left;font-size: 13px; padding-left: 8px表头2/th/tr/theadtbody/tbody
/table固定表格布局与自动表格布局相比允许浏览器更快地对表格进行布局。 在固定表格布局中水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距而与单元格的内容无关。 通过使用固定表格布局用户代理在接收到第一行后就可以显示表格。 转载于:https://www.cnblogs.com/rysinal/p/5834444.html
