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

来源：互联网发布：dota和dota2区别知乎编辑：程序博客网时间：2024/06/05 23:43

现象描述：
页面初始化，表格列宽正常，如下图：
这里写图片描述
第一次查询后，表格列宽如下图，第二次查询，表格列宽正常

相关代码如下：

<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>

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

阅读全文

0 0