Easyui Datagrid 表头和表体列对照异常

现象描述：
页面初始化，表格列宽正常，如下图：

第一次查询后，表格列宽如下图，第二次查询，表格列宽正常

相关代码如下：

<div id='test'>
    <table id='testGridId' class='easyui-datagrid'></table>
</div>

初始化代码如下：

$("#testGridId").datagrid({
    title : "testGridId",
    height : 290,
    striped : true, //是否隔行换色
    singleSelect : true, //只选中一行
    remoteSort : true,
    collapsible : false, //是否增加收起表格组件的按钮
    rownumbers : true, //是否显示行号
    pagination : true, //这里添加分页控件
    columns : [ [
        {field : 'aaa', title : 'aaa', width : 90 },
        {field : 'bbb', title : 'bbb', width : 100 },
        {field : 'ccc', title : 'ccc', width : 100 }
    ]]
});

引起该现象的原因不得而知，解决方案如下：
修改代码如下：

<div id='test'>
    <table id='testGridId'></table>
</div>

重新查询后，表头列宽显示正常