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

Question

你把columns的width都设置大一点看看，Datagrid的表格样式都是封装好的不应该出现这种情况。

Answer 1

我也有这种情况 以下是相关代码：
$('#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; //这里你可以自己做调整
}