解决quiGrid列对不齐

    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
            }
        });