easyui datagrid不显示表头信息

最新推荐文章于 2024-01-10 11:47:40 发布

shalyniu

最新推荐文章于 2024-01-10 11:47:40 发布

阅读量2.1k

点赞数

文章标签： javascript easyui

本文链接：https://blog.youkuaiyun.com/shalyniu/article/details/124299058

版权

在使用EasyUI进行前端开发时，遇到一个特定问题：当页面上有两个表格，第二个表格设置为closed=true后，打开时表头信息无法正常显示。原因在于第二个表格的datagrid-header-inner CSS类导致了表头渲染异常。为解决此问题，可以在第二个表格加载成功后，通过JavaScript移除该类或者调整相关CSS样式，确保表头正确展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用easyui渲染表格，当有两个表格时，第二个表格div设置closed="true"后，第一个表格能渲染成功，第二个表格open渲染的时候会不显示表头信息，原因是第二个表格的datagrid-header-inner class的css样式，导致表头信息没正确展示，在第二个table加载完删除该class即可，或者去除css样式。

onLoadSuccess: function () {
$(".datagrid-header-inner").removeClass();

}