jquery datatables 实现自定义列宽 及 表格列较多时样式设置

1.实现自定义列宽

"bAutoWidth": false,

2.表格的列比较多时，X轴显示滚动条

代码如下：

//样式设置
	
	
//datatables属性设置：
	scrollX:true,//水平滚动
 	responsive: false,//关闭响应式效果,否则以上设置无效
 	

3.表格的列比较多时，列收缩显示

代码如下：

注意：引入相关文件（dataTables.responsive.css & dataTables.responsive.min.js）
下载链接： https://download.csdn.net/download/mister_snail/10807569


//样式设置
	
	
//datatables属性设置：
	flexibleWidth: false,
	responsive: true,
	"bAutoWidth": false, //自定义列宽
	columns: [{ data: 'taskNumber',"width":"200px" }] //设置列宽像素

4.表格的列比较多时，列宽不变化超出部分以 “…” 显示样式如下：

代码如下：

//样式设置
	
	
//datatables属性设置：
		responsive: false,
        bAutoWidth: true,