function initComplete(){
grid = $("#dataBasic").quiGrid({
columns:[
{ display: '机构简称',id:'jgjc', name: 'jgjc', align: 'center',width:200},
{ display: '机构代码',id:'jgdm', name: 'jgdm', align: 'center',width:200},
{ display: '生效标志',id:'sxbz', name: 'sxbz', align: 'center',width:100,type:'select',data:[{name:'正常',code:'1'},{name:'停用',code:'0'}]},
{ display: '上级机构',id:'pid', name: 'pid', align: 'center',width:200,type:'select',url:"${apiPath}tbXzjg?paging=false"},
{ display: '登录名称',id:'dlmc', name: 'dlmc', align: 'center',width:200},
{ display: '机构全名',id:'jgmc', name: 'jgmc', align: 'center',width:300},
{ display: '登录异常',id:'dlxx', name: 'dlxx', align: 'center',width:150},
],
url: '${apiPath}${module}', rownumbers:true,checkbox:true,usePager:true,frozen:true,
height: '100%', pageSize:10,percentWidthMode:true,
toolbar:{
items:toolbarItems
}
});
quiGrid列对不齐的原因无从查起,但是在实际开发过程中发现,在percentWidthMode:true时,设置每列的绝对宽度,然后把一列设置为百分比(建议大于150%)时,列对齐到位。
上图为全部设置为绝对宽度,列对不齐;按下图方式设置对得非常齐。
function initComplete(){
grid = $("#dataBasic").quiGrid({
columns:[
{ display: '机构简称',id:'jgjc', name: 'jgjc', align: 'center',width:200},
{ display: '机构代码',id:'jgdm', name: 'jgdm', align: 'center',width:"150%"},
{ display: '生效标志',id:'sxbz', name: 'sxbz', align: 'center',width:100,type:'select',data:[{name:'正常',code:'1'},{name:'停用',code:'0'}]},
{ display: '上级机构',id:'pid', name: 'pid', align: 'center',width:200,type:'select',url:"${apiPath}tbXzjg?paging=false"},
{ display: '登录名称',id:'dlmc', name: 'dlmc', align: 'center',width:200},
{ display: '机构全名',id:'jgmc', name: 'jgmc', align: 'center',width:300},
{ display: '登录异常',id:'dlxx', name: 'dlxx', align: 'center',width:150},
],
url: '${apiPath}${module}', rownumbers:true,checkbox:true,usePager:true,frozen:true,
height: '100%', pageSize:10,percentWidthMode:true,
toolbar:{
items:toolbarItems
}
});