我遇到了 DataTables 的问题集成于 Bootstrap 3并启用水平滚动
这是我的 fiddle
数据表初始化
/* Data Table Initialization */
var equipmentDataTable = $('#equipmentTable').dataTable({
"aoColumnDefs": [{ "sClass": "text-center", "aTargets": [ 0,25 ] },
{ 'bSortable': false, 'aTargets': [ 25 ] }],
"sScrollX": '100%'
});
不知道为什么表头和表体不对齐。提前致谢
最佳答案
我遇到了类似的问题,但以不同的方式解决了。
我修改了 sDom 参数以将表格包装在一个额外的 div 中:
<i>
sDom: 'r<"H"lf><"datatable-scroll"t><"F"ip>',
I then applied the following styles to the .datatable-scroll class:
/**
* Makes the table have horizontal scroll bar if its too wide for its container
*/
.datatable-scroll {
overflow-x: auto;
overflow-y: visible;
}
</i>
来源
关于jquery - DataTables + Bootstrap 3 启用水平滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22901489/