出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的,可能是因情况而异吧,现在说一下日常做项目中我遇到过的这几个方面(原因二是我遇到过的,在网上看到也是常有的)
前提:
在写好jsp页面代码和后台查询数据库代码后,项目可以运行,发现datagrid中显示空白,Chrome浏览器的Developer Tools中没有报错,后台也能打印出后台传递到前台的json字符串。
原因一:
datagrid只显示表头,无法显示表格数据,即出现如下图的情况:

即所需要渲染的表格只出现了表头,表格数据显示不出来,有可能的几种原因,如下:
1、控制器部分:控制器查询代码出现空格,如下图:

因为 :" “代表值为一个空格,”"代表值为null
2、js页面载入数据代码(即渲染datagrid表格代码)部分:数组对象后面缺少逗号,
如下图:

渲染的表格数据columns的元数据应为数组对象,应写为[[{},{}]],每个数组对象后面跟着的是一个“,” 最后一个数组对象后面可以不用。一般因为漏写一个符号而造成我们表格数据不显示,都是因为自己的粗心,所以要认真细心点!

原因二(做项目也遇到过,也是算是收集参考其他网友的一种解决方法):
datagrid数据表格中显示空白,既无表头,也无数据,如下图:

第一处:datagrid的columns属性少了个s

第二处:数据库中某些字段出现了空白数据

数据库中有数据全部为null,如下图中所示:
  

最后一行中2个字段全部为null。当我删掉该行或者在该行中补充数据后,datagrid便可以正常显示
还要需要注意:columns的元数据应为数组对象,应写为[[{},{}]]
json数据的大小写,如果后台为大写,就应写大写;为小写,就应写小写

easyUI -datagrid表格数据不显示相关推荐

  1. easyui datagrid 的数据加载

    这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...

  2. easyui datagrid 列隐藏和显示

    easyui datagrid 列隐藏和显示 用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColumn换成 ...

  3. easyui—DataGrid(数据表格)

    目录 一.DataGrid(数据表格) 一.DataGrid(数据表格) DataGrid以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能支持.DataGrid的设计用于缩短开发时间 ...

  4. easyui datagrid 表格 属性和方法

    使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagrid"> ...

  5. jQuery EasyUI DataGrid Checkbox 数据设定与取值

    纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...

  6. easyui datagrid表格头部鼠标右键进行列隐藏和展示

    1.实现datagrid自定义初始化onHeaderContextMenu方法 新增文件jquery.easyui.datagrid.column.js // 动态改变列头.var cmenu;fun ...

  7. python 显示表格数据_python显示excel表格数据-怎么用python读取excel表格的数据

    怎么用python读取excel表格的数据 #导入包 import xlrd #设置路径 path='C:\\Users\\jyjh\\Desktop\\datap.xlsx' #打开 data=xl ...

  8. ArcMap 打开excel表格数据不显示

    问题描述:excel表格数据完整,用Arcmap 导入打开后发现经度一列数据不显示,如下图: 图1 :excel 数据: 图2:导入ArcMap打开表后 解决方式:通过将列修改成数字,文本后始终不能解 ...

  9. easyui中datagrid表格如何正确显示和隐藏

    最近遇到了一个问题,是关于easyui数据表格的显示和隐藏的,一般显示元素可以通过dispaly:block(或show())和display:none (hide())控制显示隐藏的 但是这个eas ...

最新文章

  1. hdu4847 Wow! Such Doge! KMP
  2. 008_setting指令
  3. js源码 模仿 jquery的ajax的获取数据(get,post )的请求封装
  4. c++类与类的关联(Association)关系
  5. 使用gitkraken来push的流程
  6. sdk怎么用_PLC不支持OPC UA怎么办?别问了看完你就懂了
  7. 如何看CentOS系统是32位还是64位的?
  8. 传输层协议(10):滑动窗口(4)
  9. tomcat设置编码为UTF-8
  10. 沉没成本效应:每个人终其一生的断舍离
  11. .NET实现Wap飞信协议
  12. cocos2dx 3.17海外sdk接入填坑全纪录 Appodeal(广告) SDK 接入(5)
  13. sqlserver加密隐私字段(不侵入程序)-Always Encrypted
  14. 跨平台flutter- window与Android Studio环境配置
  15. CF大陆斗C战士(一)
  16. Linux查看文件指令cat、more、less、head、tail用法
  17. ubuntu18.04安装opencv的viz模块
  18. 技能兴鲁试题--爬取菜鸟教程
  19. mysql 中的1064_错误代码:mysql中的1064
  20. 马云为何放得下辛苦创立的“阿里帝国”?

热门文章

  1. 部署实战 | 手把手教你在Windows下用TensorRT部署YOLOv8
  2. MKVToolNix v61.0.0 专业MKV视频封装制作软件便携版
  3. 智慧城市再升级,数字孪生城市成为新标准
  4. Bean Searcher
  5. mcbbs 优化服务器,[教程] Minecraft 服务器优化教程--腐竹可以看看哦!
  6. wangyin 一种新的操作系统设计
  7. ubuntu ibus
  8. png在ai转为路径_AI路径导入3ds Max并导出图像
  9. 秦嘉哲:《黄金下周分析》11/27黄金走势分析及周一开盘行情操作思路
  10. 通过讲故事搞定前端网络知识