easyui表格中表头显示错位的问题解决

最新推荐文章于 2024-01-26 16:23:21 发布
最新推荐文章于 2024-01-26 16:23:21 发布
阅读量693 收藏
点赞数
文章标签： easyui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41810005/article/details/130953443
版权

就像下图这种表头错位的问题

 这种问题其实就是easyui的框架问题，就是你在配置columns的时候，其中有个字段title这个字段不能既有中文又有英文，尽量保持一致，所有的title要么就是中文要么就是英文（hidden隐藏的也要改）。

如果实在不行就把autoColWidth设置为false

我在我的项目已经解决，希望能够帮助大家！好久没写过博客了，以后会经常更新，分享精神常在！

 

代码无边，回头是岸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EasyUI折叠表格层次显示detailview详解及实例
08-31
本文将深入探讨EasyUI中的一个特殊功能——折叠表格层次显示detailview，并提供具体的实例，帮助开发者理解和实现这种效果。 detailview是EasyUI中的一个视图组件，主要用于在表格中展示详细信息。当表格中的某一行...
easyui的datagrid表格表头和内容对不齐原因之一及解决方案
weixin_46298946的博客
01-30 2532
本人之前用easyui做一个后台管理页面数据出来后表格表头和内容对不齐 在网上找了各种各样的方法都不管用，然后改了easyui文件夹下jquery.easyui.min.js才终于好了，一般是第9977行，如下图左边是改之前，右边是改之后 var ss=["<style type=“text/headTree” easyui=“true”>"]; 改成 var ss=["<style type=“text/css” easyui=“true”>"]; 希望对大家有所帮助 ...
easy UI中 datagrid的表头和数据错位的原因
zhao277949522的博客
03-18 4791
因列的field中，存在特殊字符或中文导致，将相应的字段替换为英文即可正常显示 例如： columns: [{"field": '字段1', "title": ‘字段1’, width: '100px' }， {"field": '字段2', "title": ‘字段2’, width: '100px' }] 这时就会出现表头和表的内容错位 这时候可改为： columns: [{"field":...
EasyUI--DataGrid数据与表头错位
BtWangZhi的博客
03-06 6361
<table id="enterpriseList" title="" class="easyui-datagrid" style="width: 100%; height: 100%" data-options="pagination:true,method:'get',url:'<?php require 'config/config.php'; echo $ba
easyui 框架datagrid表格列错位解决方法 极简处理
最新发布
DEVILMSC的博客
01-26 671
datagrid 控件当数据行比较多 出现右侧滚动条的时候，这个时候将水平滚动条滑动到最右侧 会造成15-18px的列错位 （因为样式不同 可能会有出入）表头加载了滚动条显示出来不好看，那么咱么隐藏掉滚动条的样式在给个背景色，不就可以瞒天过海了么。以上样式加载在全局样式里面 那么可以直接解决整个项目所有错位列的问题。原理很简单，错位问题是因为右侧出现滚动条造成的。网上有好多处理方式 但是都需要单个页面处理。那么将表头也加载一个右侧滚动条不就可以了么。下面介绍一个极简单的处理方式。以上个人偷懒做法 勿喷。
关于EasyUI表头和数据错位的问题
qq_41307492的博客
07-10 3515
如果所有浏览器都是错位，那么请检查你的列中的 field是否有重名的，第二个field的名字是否在实体中存在，注意大小写。如果谷歌好的，ie8坏的，那就是兼容性问题。easyui datagrid 1.3.3开始使用jquery2.0，对ie6,7,8兼容性不好了，这个要注意哦！还有一点就是我引用的EasyUI的样式和文件是版本比较低的，而做的时候是看着高版本的EasyUI做的，有时候也会出现数据...
解决easyui datagrid表格行号错位不能自适应方法
jcoiwenwfkowe的博客
09-29 413
解决easyui datagrid表格行号错位不能自适应方法
easyui datagrid 表头与数据错位
weixin_30807677的博客
07-05 739
方法一：容易，实用的方法 在jquery.easyui.min.js中查找到field.replace(/[\.|\s]/g, "-")在其后添加replace 例子：field.replace(/[\.|\s]/g, "-").replace(/./g, function ($1) { return $1.charCodeAt(0).toString(16); });//有改动，目的是将其转...
Easyui-DataGrid表头拖动效果
09-14
UI设计在一个系统中的重要性是不容忽视的，我们开发人员要做到：让用户去控制计算机，而不是计算机控制用户；... Easyui-Datagrid—表头灵活显示http://blog.csdn.net/u010293698/article/details/47956865
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
08-29
下面小编就为大家带来一篇easyui datagrid 表格中操作栏 按钮图标不显示的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示
08-10
http://blog.csdn.net/tianxiawudi0720/article/details/47401399
jQuery EasyUI中对表格进行编辑的实现代码
10-29
对表格进行增删改后一次性保存或回滚的发生相当有用。参照官方的教程例子做了个用户管理的小例子。
jQuery EasyUI datagrid列名包含特殊字符会导致表格错位
哈利路亚的收藏夹
09-23 1362
首先申明：本文所述的Bug存在于1.3.3以及更高版本中，其它低版本，本人未测试，太老的版本不想去折腾了。 洒家在写前端的SQL执行工具时，表格用了 jQuery EasyUI datagrid，因为用户的SQL是千奇百怪的，所以出现了诸如:"BLOCKS*8/1024","trunc(SYSDATE)"之类的列名(field)时，表格就会错位，而且含有特殊字符的列无法手工调整大小。
datagrid表头与数据列宽度不对齐_EasyUI DataGrid设置列宽为百分比导致表头和内容错位的解决方法...
weixin_32259717的博客
02-15 1202
在DataGrid中设置列宽为百分比一般是没有问题的columns: [[{title: '内容',field: '__EMPTY',width: '40%'}, {title: '隐患级别',field: '__EMPTY_1',align: "center",width: '10%'}, {title: '整改日期',field: '__EMPTY_2',align: "center",wid...
EasyUI动态表头与数据宽度不对应
Terisadeng的博客
09-15 2735
在测试代码时发现动态表头的大小与数据列的宽度不对应，不管怎样修改width，表头宽度都 可以跟着变动，但是数据宽度始终不动。 后来无意中修改了后台设置的列的field属性，终于成功了。 原来原因是 后台拼接的列是如下这种样子 titleMap=new HashMap(); titleMap.put("field", "price1001~2000"); titleMap.put(
bootstrap-table表头与内容对不齐
panzhao007的博客
09-09 664
1.查看你的表格有没有设置高度 设置高度后可能会导致对不齐的问题 2.查看是否添加了table-bordered
elementUI的table表格表头错位问题解决
热门推荐
NewDayStudy的博客
07-31 1万+
更新（2019/11/20）：据网友（nchencc）提供的方法，只需要在App.vue的style里添加以下样式即可！ .el-table--border th.gutter:last-of-type { display: block!important; width: 17px!important; } 如以上解决不了的再往下看↓ 一、出现问题： 在vue项目中引入e...
easyUI表格的表头checkbox的选中样式怎么调整
06-07
EasyUI 表格的表头 Checkbox 的选中样式可以通过 CSS 样式来进行调整。具体来说，可以通过修改以下样式来改变表头 Checkbox 的选中样式： ```css /* 表头 Checkbox 的选中样式 */ .datagrid-header-check input[type="checkbox"]:checked + label:before { content: '\e616'; color: #0078d7; font-family: "Glyphicons Halflings"; font-size: 14px; font-weight: normal; } /* 表头 Checkbox 的选中样式（IE8） */ .datagrid-header-check input[type="checkbox"]:checked + label { background-position: 0 -32px; border-color: #0078d7; } ``` 其中，`content` 属性的值表示选中状态下 Checkbox 前面的图标，`color` 属性的值表示选中状态下图标的颜色，`font-family` 属性的值为 EasyUI 内置的图标字体库，`font-size` 属性的值表示图标的大小，`font-weight` 属性的值表示图标的粗细。如果你想要修改选中状态下的背景色或边框颜色，可以通过修改 `background-color` 和 `border-color` 属性来实现。 另外，需要注意的是，以上样式只适用于默认情况下的表头 Checkbox。如果你使用了自定义的表头 Checkbox，需要相应地修改样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值