jqueryeasyui的Datagrid列标题与列内容不对齐

J2EE 码拜 9年前 (2015-08-12) 1327次浏览

>

 

jqueryeasyui的Datagrid列标题与列内容不对齐jqueryeasyui的Datagrid列标题与列内容不对齐

#1

20分

你把columns的width都设置大一点看看,Datagrid的表格样式都是封装好的不应该出现这种情况。
#2
宽度设置下。
#3

回复1楼:

之前没有设置宽度,现在设了700,,1000 都不管用
#4

20分

换个版本的easyUI
#5
建议仔细检查一下。
要么把代码贴出来,大家一块儿研究一下。
#6
我也有这种情况 
jqueryeasyui的Datagrid列标题与列内容不对齐
以下是相关代码:
$(“”#test””)
.datagrid(
{
nowrap : true,
autoRowHeight : true,
rowHeight : fixHeight(0.25),
selectOnCheck:true,
checkOnSelect:true,
singleSelect: true,
singleSelect : true,
striped : true,
url : “”dayCareManageAction.action””,
sortOrder : “”desc””,
remoteSort : false,
resizable : true,
striped:”true”,  
singleSelect:”true”,
fitColumns:false,
fix : true,
columns : [ [
{field : “”cdate””,title : “”日期””,align : “”center””,width : fixWidth(0.08)},
{field : “”weekd””,title : “”星期””,align : “”center””,width : fixWidth(0.08)},
{field : “”kc1″”,title : “”7:30~8:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc2″”,title : “”8:01~8:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc3″”,title : “”8:31~9:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc4″”,title : “”9:01~9:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc5″”,title : “”9:31~10:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc6″”,title : “”10:01~10:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc7″”,title : “”10:31~11:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc8″”,title : “”11:01~11:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc9″”,title : “”11:31~12:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc10″”,title : “”12:01~12:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc11″”,title : “”12:31~13:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc12″”,title : “”13:01~13:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc13″”,title : “”13:31~14:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc14″”,title : “”14:01~14:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc15″”,title : “”14:31~15:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc16″”,title : “”15:01~15:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc17″”,title : “”15:31~16:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc18″”,title : “”16:01~16:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc19″”,title : “”16:31~17:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc20″”,title : “”17:01~17:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc21″”,title : “”17:31~18:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc22″”,title : “”18:01~18:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc23″”,title : “”18:31~19:00″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc24″”,title : “”19:01~19:30″”,align : “”center””,width : fixWidth(0.08)},
{field : “”kc25″”,title : “”19:31~20:00″”,align : “”center””,width : fixWidth(0.08)},
//{field : “”kc26″”,title : “”20:01~20:30″”,align : “”center””,width : fixWidth(0.08)},
//{field : “”kc27″”,title : “”20:31~21:00″”,align : “”center””,width : fixWidth(0.08)},
//{field : “”kc28″”,title : “”21:01~21:30″”,align : “”center””,width : fixWidth(0.08)},
//{field : “”kc29″”,title : “”21:31~22:00″”,align : “”center””,width : fixWidth(0.08)}
//{field : “”kc30″”,title : “”22:00″”,align : “”center””,width : fixWidth(0.08)}
]],
toolbar:toolbar
});
});

function fixWidth(percent) {
return document.documentElement.clientWidth * percent; //这里你可以自己做调整
}

function fixHeight(percent) {
return document.documentElement.clientHeight * percent – 9; //这里你可以自己做调整
}

#8

回复7楼:

原因是每一列都少1px。但没深究为什么少,只是矫正了。找到jquery.easyui.min.js的8059行,改一下就好。
原:
item.index=_590++;
ss.push(s+”{width:”+item.width+”}”);

改成:
item.index=_590++;
ss.push(s+”{width:”+(parseInt(item.width)+1)+”px}”);

#9
http://www.easyui.info/archives/1784.html
这里有列头是特殊字符的处理方法

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明jqueryeasyui的Datagrid列标题与列内容不对齐
喜欢 (0)
[1034331897@qq.com]
分享 (0)