1. 程式人生 > >layui table 表頭和內容資料不能對齊

layui table 表頭和內容資料不能對齊


個人部落格 地址:http://www.wenhaofan.com/article/20181224153019
今天使用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:"操作"}
		]]
	})

注意錯誤示範中的那個紅點,這就是罪魁禍首