QUI grid 列不齐 求大神帮忙看看

使用QUI grid做的列表 列错位 用jsp固定json没事 用后台传过来的就错位 求大神帮忙看看图片说明

$(document).ready(function(){
/* alert(111); */

$.ajax({
    url:"/sinosoft_framework/ws/test/test/getlist",
    method:'get',
    dataType: "json",

success: function (data) {  
 g = $("#dataBasic").quiGrid({         


      data:data,sortName: 'dept_id',rownumbers:true,checkbox:true,

         height: '100%', width:"100%",pageSize:5,percentWidthMode:true,


     columns:[

               { display: '姓名', name: 'FD_OBJECTID',     align: 'center', width:"18%"},

               { display: '所属部门', name: 'dept_id',  align: 'center', width: "20%"},

               { display: '性别', name: 'dept_name', align: 'center', width: "10%"},

               { display: '入职时间', name: 'office_tel',  align: 'center',  width:"20%"} ,


            ],

          });
}
});

});

上边是前台接后台数据的代码