DataTable 横向滚动条

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，
    } );