EasyUI--DataGrid数据与表头错位 ​

页面展示有错位，控制台无报错信息。也没有查询到靠谱的解决方法。

可能原因 ​

1. datagrid重新渲染导致的错位¹
2. 推测表头或者单元格的class名应该是用字段名拼出来的，如果含有特殊字符可能违反了css的命名规则²
3. 当有多个datagrid同时存在并且有人初始化查询过，就可能导致另外的datagrid查询后不再设置宽度，从而导致列挤在一起，只需将这里的if判断注释掉，改成全部都会设置宽度就不会再出现这种情况³

方法 ​

思路 ​

上述推测和解决方案未能解决笔者遇到的错位问题。死马当作活马医的情况下，笔者咨询了Chat-GPT，答案如下：

没头没脑的，给笔者一点想法，是否只是表格数据宽度不一致而导致的？

解决方案 ​

项目中实际设置给定的宽高，将固定值修改为百分比并且，百分比总值超过100，即便是超过1%错位问题也没有了。

npm ERR! Cannot read properties of null (reading 'pickAlgorithm') ​

运行Vue3 + Vite项目时报错：npm cache clear --force

参考 ​

• [1] datagrid重新渲染导致的错位

• [2] easyui使用datagrid时列名包含特殊字符导致表头与数据错位的问题

• [3] easyUI版本问题