DataTable 横向滚动条
接上一篇文章
固定table 中每列的宽度,当页面宽度小于table 总宽度时出滚动条。
效果图如下:
JS
第一步:
// 表头的标题栏 ,给他一个宽度
var columns=[
{title:"编号",sWidth:"130px"},
{title:"来源",sWidth:"130px"},
{title:"客户名称",sWidth:"130px"},
{title:"故障主题",sWidth:"130px"}
]
第二步:
$('#event_table').DataTable( {
data: dataSet,
columns: columns,
//让表格出横向滚动条 ,此时 表头和 表中数据将分为两个部分
sScrollX:true,
// 让表格的宽度不自适应 ,固定宽度。 如果不设置 表头和表中数据会分离
//表中的数据自适应 ,表头的宽度固定
bAutoWidth:true,
} );