layui table 表头和数据不能对齐

今天使用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:"操作"}
		]]
	})

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

posted @ 2020-07-18 15:34  妖狐鬼魅  阅读(2258)  评论(0编辑  收藏  举报