layui table在使用宽度百分号时的坑
欢迎使用Markdown编辑器
在使用layui table时,我的表头是计算百分号的,每一个field: 'operation’都写了width: ‘5%’,所有表头加起来百分之百,但是会出现问题,问题如下,最右边出现了一个空格。
在查找了很多很多资料之后,又绕到了合计等等之后,我突然把最后的操作删掉,发现多出的空格没了,剩下操作的位置,然后将操作的**width: ‘5%’**删掉,空格没了。
原代码
layui.use('table', function(){
var table = layui.table;
//第一个实例
table.render({
elem: '#signalControlList'
,cols: [[ //表头
{type:'checkbox',width: '4%',fixed: 'left'}
,{field: 'id', title: '序号',width: '5%', align:'center', valign: 'middle'}
,{field: 'equipmentId', title: '设备ID',width: '16%', align:'center', valign: 'middle', sort: true }
,{field: 'equipmentName', title: '设备名称',width: '16%', align:'center', valign: 'middle'}
,{field: 'trafficWay', title: '当前通行方式',width: '16%', align:'center', valign: 'middle'}
,{field: 'controlModel', title: '当前控制模式',width: '16%', align:'center', valign: 'middle'}
,{field: 'equipmentIp', title: '设备IP', width: '16%', align:'center', valign: 'middle'}
,{field: 'operation', title: '操作', width: '11%', align:'center', valign: 'middle', templet: '#usernameTpl'}
]]
,data:[
{
"id": "1"
,"equipmentId": "RM83746380"
,"equipmentName": ""
,"trafficWay": ""
,"controlModel": ""
,"equipmentIp": ""
},
{
"id": ""
,"equipmentId": ""
,"equipmentName": ""
,"trafficWay": ""
,"controlModel": ""
,"equipmentIp": ""
},
{
"id": ""
,"equipmentId": ""
,"equipmentName": ""
,"trafficWay": ""
,"controlModel": ""
,"equipmentIp": ""
}
]
});
});