Question

easyui datagrid 头的列宽度和数据列宽度不同，对应不上

如图所示

列是动态列，这个如何解决？

Answer 1

在 jquery.easyui.min.js 文件中搜索 "[\.|\s]"关键字，搜到之后你会发现这其实是一个replace函数的正则表 达式，我们只要将replace函数的执行结果进一步替代成十六进制就可以了，于是乎，代码就变成了：

• field.replace(/[\.|\s]/g, "-").replace(/./g,function($1){return $1.charCodeAt(0).toString(16);});

  在replace函数之后又replace了一次，目的是将其转为十六进制，这个修改方法应该是安全无毒副作用的，请大家放心使用。然后问题就解决了
  

Answer 2

你给columns里的这些列写了width属性没有？ 另外我想请教一下你是怎么生成的动态列呢，最近在做这个

追问

写不写width都试过了，没有用的…
动态列就是在后台给返回json数据，然后前台修改Datagrid中的options.columns就可以了。

追答

datagrid里的fitColumns这个属性，取值true和false你都试一下，看看有用没

这些是从API里找到的
fitColumns 使列自动展开/收缩到合适的DataGrid宽度。

fixColumnSize 固定列大小。如果'field'参数未配置，所有列大小将都是固定的。
代码示例：
$('#dg').datagrid('fixColumnSize', 'name'); // 固定'name'列大小
$('#dg').datagrid('fixColumnSize'); // 固定所有列大小

Answer 3

这个很明显是列没有对应上，意思就是返回的数据里面的列字段与js里面的列字段不一致，或者在返回数据里面根本没有，而在js里面去指定了这个列。

追问

我很确定对应上了，我虽然很菜鸟但没菜鸟到这种程度

Answer 4

亲，你这个问题解决了么，我也遇到了，很麻烦啊，而且我监听到了，在onLoadSuccess事件执行前，显示是正常的，onLoadSuccess执行结束就变样了，你是怎么解决的呢