layui表格自动对齐

正常情况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:"操作"}
		]]
	})

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

 

原文链接: https://www.cnblogs.com/fanwenhao/p/10168850.html

转载于:https://www.cnblogs.com/zjulanjian/p/11101638.html