一次使用jqgrid展示数据,标题栏和对应数据不对应

最新推荐文章于 2022-05-23 15:15:49 发布
原创 最新推荐文章于 2022-05-23 15:15:49 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了使用jqGrid展示数据时出现标题栏与数据不对应的问题。具体表现为排序后的数据显示异常，导致列数据不匹配。文章提供了排查步骤：首先确保后端返回的数据正确无误；其次检查前端js配置中的index属性与后端返回的数据键名是否一致。

一次使用jqgrid展示数据,标题栏和对应数据不对应


事故原因:我的数据不正确

100条数据 我使用默认排序前端展示了50条,这50条是正确的

然后当我使用排序,错误的数据根据排序规则排到最前面了,造成假象 表单每一列的数据不匹配


1.检查数据是否正确 确认数据正确

2.检查js配置的index是否与代码返回结果是否匹配


springmvc返回结果集 (map对象到前端)

jqgrid对应js中index属性值与map中键匹配

jqGrid行编辑时id冲突问题（多页时id重复）
TTTPlusR
01-05 4742
演示效果： 首先将数据增加到16条，每页显示10条数据。 第一页数据： 注意第6条数据（userName：2，accountName：2，roleType：Teacher，schoolName：北京师范大学珠海分校，schoolClass：大一软件） 第二页数据： 注意第16行数据（userName：13，accountName：13，roleType：Admin
mybatis+jqgrid实现数据展示和分页
qq_43456758的博客
12-30 597
使用pageHelper插件+jqgrid实现分页（学习随笔，如有错漏之处，敬请指正） 1.使用pageHelper 附pagehelper使用文档：https://pagehelper.github.io/docs/ 1.1导包：pagehelper.jar和jsqlparse.jar pom.xml中导入约束（注意pageHelper包依赖了jsqlparse，所以不用重复导）： &lt...
【jquery】jqgrid表头与数据不对齐问题
michiko98的博客
05-23 1114
遇到的问题：jqgrid表格，在页面加载完成之后，表头就和数据不对齐了，如下图： 尝试了网上说的white-space:normal;和box-sizing: border-box;等各种改样式的方法，都没有生效，最后设置属性shrinkToFit和responsive都为false，并且在colModel中，给每一行都设置了width，表头和数据对齐了。暂不知道是不是jqgrid自适应的宽度计算出了问题。 var colModel = [ { label : 'id', name :
Jquery datagrid列的内容显示不全用省略号代替，鼠标悬浮上面时显示全部
u011265702的博客
09-06 1164
加入样式 <style type="text/css"> .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber { text-overflow: ellipsis; } </style> ...
jqgrid前台数据显示问题原因和解决方案
Macalzheng的专栏
11-21 4123
这个问题很是坑的，找了很多网上的办法都不行，也是郁闷了一天，都没和女朋友说上话，唉，解决这个问题的你一定要记住以下几点： 1.传回前台的数据一定是JSon类型的数据，而不是后台json数据转化后的字符串 2.传回前台的json数据的格式一定要正确，你可以去在线的json数据验证，去验证一下你传回前台的数据是否符合json的格式 我之间遇到的问题和解决过程： 问题一：数据传到前端是“
【数据展示艺术】：jqGrid数据绑定与高效展示秘籍
本文旨在深入探讨jqGrid在数据展示艺术中的应用，为开发者提供一个全面的指南。首先介绍了jqGrid的基本概念和如何进行基础的数据绑定，包括安装、配置以及与HTML表格和数据库的交互。接着，文章阐述了数据展示的高级...
jqGrid表格数据操作实践教程
根据提供的信息，文件“jqGrid表格数据修改删除代码.zip”与“jqGrid”相关，这是一个使用jQuery实现的Web表格插件，特别用于在网页上以网格形式展示、编辑、添加和删除数据。从文件的描述和标签来看，该压缩包内...
使用jqGrid动态显示和隐藏列
总结来说，这个jqGrid实例展示了如何创建一个动态数据网格，并提供了隐藏和显示特定列的功能，这对于提供自定义视图和优化用户体验非常有用。通过理解和应用这些示例，开发者可以创建更复杂的交互式数据展示和管理...
JQGrid 3.6源码和完整中文文档
jQuery jqGrid是一个广泛使用的、基于jQuery的插件，用于在网页上构建功能强大的网格（GRID）控件，它允许开发者和用户以表格的形式显示复杂的数据。jqGrid可以用来对数据进行分页、排序、搜索、添加、编辑和删除等...
jqGrid使用过程中的一些问题及解决(持续更新中)
hfhan的博客
05-04 7041
前言 在使用JQuery进行项目开发的时候，我们多会使用表格进行数据的展示，这时候我们就需要一款好的表格插件。这一块上比较出名的也就是bootstrap-table，datatables以及jqgrid了，但是在使用中发现bootstrap-table和datatables的问题是真的不少，所以最后就选择了jqgrid，虽然也有问题，但不及bootstrap-table和datatables那么...
jqGrid表头与数据不对齐的问题
青衣祭的博客
07-14 3309
列与表头不对齐 正常列内容短时可以正常对齐，长的时候就不能对齐了。 解决： 转自：作者：notChangehttps://bbs.youkuaiyun.com/topics/392100457 chrome中，如果数据太长，因为ui.jqgrid.css中.ui-jqgridtr.jqgrowtd设置了white-space:pre;导致数据与表头不对齐 解决方法1： 设置white...
jqGrid 表格底部汇总、合计行footerrow处理
热门推荐
chuangxin的专栏
01-07 1万+
jqGrid表格底部汇总、合计行处理，合计行显示、赋值、获取合计行数据，gridComplete事件处理。
IE10中下拉框 title被遮挡以及部分option无法显示的问题
jiangzhongwei_的博客
07-19 5047
在IE10和IE11中，选中下拉框最下方的数据项，鼠标盘旋在下拉框各个选项上，发现选中焦点上方的选项无法提示title；在IE10中option的title容易被下拉框覆盖。当然这些显示问题在chrome中并不存在。 解决方法：1. 每次将选中条目置于下拉框第一个位置，这样其他所有条目都可以显示title；2. 由于在ie10中提示的title容易被下拉框覆盖，加zIndex属性设置option
jqgrid列和表头不对齐的问题
qq_36804701的博客
06-25 8573
今天在做首页时没用使用表格的模板，结果jqgrid表出现了表头和列不对齐的情况我很奇怪，于是跟其他正常的表格进行对比，发现有一个很奇怪的地方正常对齐的表头正常对齐的表格可以看到正常的表头，width虽然是100px，但是实际上是92+5+2+1=100，表格也是95+2+2+1=100，所以是对齐的而不对齐的表头是这样的表格所以就不对齐了，然而实际上这才是默认正常的。那么是什么属性改变了这一点呢？...
关于jqGrid使用二级表头拖拽导致表头错位问题解决
不靠谱男青年
06-05 5798
问题描述 在使用jqGrid跟bootstrap搭配使用时会出现如下问题 经过查看样式不难发现是由于设置了二级表头增加了 这样一个表单行造成其表头错位的问题，经过对比表头宽度跟表体宽度对比分析 发现拖动后 他们两者之间的宽度相差12px ，为此我们可以修改其js源码 这样就能解决在拖拽时错位的问题；但是还存在一个问题就是在改变窗体大小的时候表头宽度不能自适应，为解决这个问
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值