首页 > 其他分享 >easyUI datagrid 数据不显示,tablebody 高度为0 的问题

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

时间:2024-05-14 14:42:13浏览次数:16  
标签:问题 easyUI 数据源 JavaScript datagrid tablebody div 数据

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

打开元素,可以看到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了

     

标签:问题,easyUI,数据源,JavaScript,datagrid,tablebody,div,数据
From: https://www.cnblogs.com/yeziyou/p/18191246

相关文章

  • winform控件 datagridview分页功能 界面实现需要有上一页下一页等操作控件 dataGridV
    以下提供一个示例来说明如何在WinForms中实现分页功能,并在分页中实现数据修改并保存的操作。首先,我们需要一个包含数据源的DataGridView控件,并添加上一页、下一页等操作控件来实现分页功能。接下来,我们需要实现数据的加载、分页、修改和保存功能。这里我将提供一个简单的例......
  • WPF DataGridTextColumn下的Visibility绑定
    WPF中的DataContext属性非常方便,但在某些情况下,DataContext是不可访问的,比如,当你想绑定的元素不属于其逻辑树或可视树时,想正常使用绑定就可能非常困难……让我们给一个简单的例子予以说明:我们要在DataGrid中显示产品列表。在其中,我们希望能够基于ViewModel中公开的ShowPrice属性......
  • 问文心一言——C# 遍历datagridview单元格 不用嵌套循环
    问:C#遍历datagridview单元格不用嵌套循环答:在C#中遍历DataGridView的单元格通常意味着你需要遍历行(Rows)并在每行中遍历单元格(Cells)。然而,如果你想要避免嵌套循环的“感觉”,你可以使用LINQ(LanguageIntegratedQuery)或者一个简单的foreach循环配合委托或Lambda表达式来“扁平化......
  • WPF C# construct Grid,DataGrid,Button manually
    usingMicrosoft.Win32;usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;usingSystem.Windows;usingSystem.Windows.Controls;usingSystem.Windows.Data;usingSystem.Windows.Documents;usin......
  • easyui给iframe添加样式文件
    需求:有一个用easyui做的后台管理项目,已经上线运行好多年,在不影响功能运行的前提下美化页面。需要给所有的iframe添加样式文件;代码如下://iframe的id为mainIframe<iframeid="mainIframe"name="mainIframe"onload="iframeClick(this)"frameBorder="0"scrolling="auto"......
  • C# dataGridView控件实用属性及事件总结
    一、C#winformDataGridView属性说明①取得或者修改当前单元格的内容 ②设定单元格只读 ③不显示最下面的新行 ④判断新增行 ⑤行的用户删除操作的自定义 ⑥行、列的隐藏和删除 ⑦禁止列或者行的Resize ⑧列宽和行高以及列头的高度和行头的宽度的自动调......
  • WPF datagrid datagridtemplatecolumn DataGridTemplateColumn.CellEditingTemplate D
    //xaml<Windowx:Class="WpfApp89.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.mic......
  • WPF Datagrid DataGridComboBoxColumn ObjectDataProvider ObjectDataProvider.Method
    //xaml<Windowx:Class="WpfApp90.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.mic......
  • WPF MVVM Datagrid Selected Multiple items via behavior interaction.trigger,event
    1.Install Microsoft.Xaml.Behaviors.WpffromNuget;2.Addbehaviorreferenceinxamlxmlns:behavior="http://schemas.microsoft.com/xaml/behaviors"3.Passmethodtomvvmviabehavior,interaction,trigger,eventname,TargetObject,MethodNameinxaml......
  • WPF 后台设置DataGrid选中多行
    1privatevoidSetSelectIndex(List<int>listIndex)2{3try4{5foreach(variinlistIndex)6{7if(i>=datagridSig.Items.Count)8......