layui table 表头和内容数据不能对齐

/ 1 条评论 / 1175人阅读
今天使用layui table方法渲染时出现了个莫名其妙的错误

正常情况table应该是这样展示的

但是却展示成了这样

格子没对齐,找了半天原因发现是在table.render中的cols参数多了一个"," 不细心一点真看不出来

正常结构应是

	lemon.renderTable({
		url:""
		,elem: '#eduCourseDirectionTable'
		,cols: [[ //表头
		 {field:'pkId',width:60, sort: true,title:"ID", width:90}
		 ,{field:'name',title:"专业名称"}	
 		   ,{templet:'#tpl-direction-operation', title:"操作"}
		]]
	})

错误结构是:

lemon.renderTable({
		url:""
		,elem: '#eduCourseDirectionTable'
		,cols: [[ //表头
		 ,{field:'pkId',width:60, sort: true,title:"ID", width:90}
		 ,{field:'name',title:"专业名称"}	
 		   ,{templet:'#tpl-direction-operation', title:"操作"}
		]]
	})

注意错误示范中的那个红点,这就是罪魁祸首

Responses /
  1. 测试

    回复