easyUI datagrid 数据不显示,tablebody 高度为0 的问题

如下图,接口请求回来数据,表头也显示出来了。

打开元素,可以看到table的bbody里面是有数据的,数据也渲染到了页面表格中,但是table的height为0。

 排查以下问题:

  1. 检查数据源格式是否正确,如是 JSON 数组还是符合 easyui 要求的对象。

  2. 确保在 datagrid 初始化后正确触发数据加载事件。

  3. 查看是否有 JavaScript 错误或警告,并修复这些问题。

  4. 确保数据列名称与 datagrid 列定义中的 field 属性相匹配。

  5. 检查网络连接,确保可以正常访问数据源。

  6. 检查 CSS 和 JavaScript 是否被正确加载和执行。

    排查完后依旧没找到问题。

     

    查看html发现datagrid最外层裹了一个div,将表格放到div外面就显示正常了。

    这里还可以给div加个宽高100%,也可解决当前问题

     

    总结经验:vue项目写多了,总觉得外面裹个div是基操,一直没觉得这是个问题,结果就巴比Q了

     

posted @ 2024-05-14 14:34  烂笔头~  Views(23)  Comments(0Edit  收藏  举报