起初,在columns列里,设置width:“10”,不带任何单位,发现实际效果不怎么好。开F12,发现确实显示该列是10px,但是傻子都能看出来实际宽度至少达到100+px了。
也就是说,这里的width属性,跟实际表格展现出来的不一致!!怎么办?
先搞懂为什么?原因在于:datatables插件,在开发者写了width属性后,识别当然能识别。**但是呢,它不把width当成生成表格列宽的唯一标准。隐藏的另一个大标准就是:datatables实际生成表格时,会根据每列th,td的内容长短不同,而自动进行宽度微调!!!**
所以,width你写10也好,10px也罢,都不是你想要的精确样式。查询官网资料,发现还可以设置成百分比形式,经测试,当width被设置百分比形式,此时宽度是精确的,你设置多少,实际就显示多宽!!OK!!
$('#example').DataTable( {
"columnDefs": [
//给第一列指定宽度为表格整个宽度的 10px
{XXXXX, "width": "5%", XXXXX }
]
} );