datagrid表头和内容不对齐 20C

easyui 对话框dialog中嵌套tabs页面,其中一个页面包含表格datagrid。
打开弹框默认显示不包含表格的页面,点击包含表格的页面,页面加载后datagrid的表头和内容没有对齐,刷新tab页又对齐了。求指点。
如果页面是默认打开的都正常,问题是不满足需求。

0

4个回答

表示没明白,如果每次点开表头都不对齐,那你手动触发一个datagrid的resize或类似方法刷新表格试试,页面加载后使用setTimeout等50毫秒后进行表格resize

0
0

这种问题,你还是把代码贴出来比较好,你这样说。。。无从下手啊

0

datagrid属性里面设置 ,格式、对齐方式

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的。是时候展现真正的技术了!
其他相关推荐
笨办法解决 datagrid中表头和表体不对齐问题
//datagrid中loadData方法会去除旧数据,所以只能先使用loadData后使用appendRow方法。 //为解决 前台显示中的datagrid上的 表头和表体不对齐的问题,采取先loadData后appendRow的方法。 //$('#JregisTable').datagrid('getRows') 判断该datagrid中是否存在数据,如果不存在的使用loadData方法
解决easyui表格加载时候的列标题和列内容无法严格对齐的问题!
无法对齐 在表格加载中添加设置     onLoadSuccess : function(data) {                    $('span.datagrid-sort-icon').hide();      }
jQuery EasyUI datagrid列名包含特殊字符会导致表格错位 不对齐
首先申明:本文所述的Bug存在于1.3.3以及更高版本中,其它低版本,本人未测试,太老的版本不想去折腾了。 洒家在写前端的SQL执行工具时,表格用了 jQuery EasyUI datagrid,因为用户的SQL是千奇百怪的,所以出现了诸如:"BLOCKS*8/1024","trunc(SYSDATE)"之类的列名(field)时,表格就会错位,而且含有特殊字符的列无法手工调整大小。
datagrid 列宽设置不起作用和表头和内容错位
上下两个datagrid写法完全一样,但是第二个的设置的列宽始终不起作用,我到处百度,但其他人的方法始终不能解决这个bug,最后我发现调整两个datagrid写的位置,最后面那个datagrid的列宽就会失效. 最后走投无路的我只要在两个datagrid中间写一个无用的datagrid,最后将这个无用的datagrid隐藏起来,bug就消失了。 datagrid1 table i
JQuery EasyUI-DataGrid:列名、数据列分别设置不同对齐方式
本文章主要描述了在Web前端技术中,对于datagrid中的column内数据、列名的对齐方式进行设置,使数据符合一定的显示要求
easyui 标题和内容对齐,自适应
easyui 标题和内容对齐,自适应 原文地址:http://www.cnblogs.com/wujie6166/archive/2011/09/21/2184049.html 最近项目中使用easyui做前端界面,相信大部分使用过easyui datagrid的朋友有这么一个疑问:如果在columns中不设置width属性能不能写个方法让datagrid的头部标题和数据主体自适应呢?
EasyUI--DataGrid数据与表头错位
<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列标题和列内容不对齐的问题
为表格加入fitColumns:true属性,同时必须为每个字段加入width:10属性,如: $(function(){ $('#tt').datagrid({ url: 'datagrid_data3.json', title: 'DataGrid', width: 600, height: 220, fitColumns: true, nowrap:fal
BootstrapTable设置height属性后,表头和表格内容不对齐
一般我们使用bootstrap-table插件的时候不设置height高度属性都是可以完全正常的;但是有一个问题是如果每页显示的数据很多的时候,所有的数据会平铺到整个页面,而不会在一定的范围内使用滚动的方式展示,这样看起来很不爽;如果设置了height属性又会出现另外一个问题就是表头和表格内容不能对齐; // // 表格高度 height: $(window).he...
完美解决在wpf datagrid让列标题居中以及列内容居中
一般我们要实现居中设置 HorizontalContentAlignment="Center" VerticalContentAlignment="Center"就可以了, 但是datagrid的DataGridTextColumn中却发现没有HorizontalContentAlignment或者HorizontalAlignment,列中的内容仍然是左对齐,如何处理才能居中呢? // 右对齐
Jquery Datatables表头不对齐解决办法
我们用Datatables经常会遇到这种情况,就是浏览器或者HTML里元素改变大小或分辨率后,标题就会出现不对齐现象。
easyui表格datagrid居中不齐的问题
easyui 的 datagrid 表格,默认的样式都是标题居中,内容可设定对齐方式。但在项目中实际使用时,发现标题并没有完全居中对齐,会有一小部分偏差。 效果如下图: 放大后可发现左右空白宽度并不一致,存在偏差。 为了解决这个问题,我读了下easyui的源码。 发现在渲染表格列时,在以下代码中新加了一个span,用于加入排序的图标,但在无排序的情况下,中间插入了个
jqgraid table 表头与内容cell无法对齐 解决方案
最近在用 jqgraid  遇到了许多坑  最麻烦的是有可能需要去修改源码  这点可能是文档没看仔细 有关jqgraid 列属性的大全我先贴个其他人整理出来的: http://deony2jacob1314.iteye.com/blog/1532677 下面说明 jqgraid 留给我们的坑 (可能) 这是浏览器100%的时候, 本想放大截图 没想到放大后 格子又对齐了
DataGridView的列和详细内容的对齐
想要自定义DataGridView的列和详细内容的对齐方式,为每一个列设置对齐方式 public static void CreateColumn(DataGridView grid, string name, string caption, DataGridViewContentAlignment alignment) { grid.Co
EasyUI datagrid 实现标题居中,内容居左的方法
源码中内容: cell.css("text-align",(col.halign||col.align||""));   这里有个属性挺眼熟 : col.align   前面还有一个: col.halign   可以使用此属性实现该功能。代码如下:   "field:'title', width:400,align:'left' , hal
bootstrap table 表头和内容没有对齐的问题
1.现象 2.原因 在定义table的时候会这样写<table id="tb_table" class="table table-striped table-bordered table-hover"></table>这里面的table-bordered是会造成格式上的影响的,解决办法是把它去掉就可以了 3.结果
bootstrap-table 插件 表头与内容不对齐 解决方式
问题如图: 问题html: &amp;lt;div id=&quot;queryCustomerTable&quot;&amp;gt;&amp;lt;/div&amp;gt; 出现这个问题,主要是因为在html中,写的是div,而不是table 所造成的!! 解决方式: 将 &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;,改为 &amp;lt;table&amp;gt;&amp;lt;/table&amp;gt; 即可! 解决后的h
bootstrap-table表头固定,表内容不对齐的另类解决方法
最近项目加了一个需求,在bootstrap-table中加上表头固定的功能,但是设置了height后,如果出现滚动条,table表头就对不齐了,网上也找了一些方法,像:resetView等,但是都不太管用,可能是个人能力不足。用的是bootstrap-table 1.11版本。之后想到,如果表头不对齐是因为滚动条的问题,那么去掉滚动条表头就可以对齐了,嗯,是个烂办法。去掉滚动条可以考虑使用  mC...
如何解决BootstrapTable中表头和内容不对齐问题
在文件【bootstrap-table.js】中找到BootstrapTable.prototype.resetView方法,将其中的 this.resetHeader(); padding += this.$header.outerHeight(); 这两句代码注释调。 注:Tab标签页 的时候,Table高度问题也与这个有关,也需要注释调,否则Tabel的分页栏会下移
EasyUI动态表头与数据宽度不对应
在测试代码时发现动态表头的大小与数据列的宽度不对应,不管怎样修改width,表头宽度都 可以跟着变动,但是数据宽度始终不动。 后来无意中修改了后台设置的列的field属性,终于成功了。 原来原因是 后台拼接的列是如下这种样子 titleMap=new HashMap(); titleMap.put("field", "price1001~2000"); titleMap.put(
bootstrap-table 表头或组合表头,和内容无法对齐的问题
bootstrap-table 表头或组合表头,和内容无法对齐的问题 如图所示 :内容和表头无法对齐 解决方法: 去掉表格中的 data-height 属性
bootstrap表头和内容对齐
-
Boostrap table 列头和内容不对齐问题,终极解决方案
利用一周的时间终于解决了,BootStrapTable 表格列头和内容不对其的问题。又需要的小伙伴来下载吧,替换原来的bootstrap-table.js即可
表格锁定表头,并且表头宽度跟内容宽度对齐
因为业务需要,需要将列表的表头锁死所以在各种百度之后终于找到了解决方案。 就是将表头跟内容分离开,用一个大的DIV包住 然后通过CSS将内容对齐,具体看代码 1:html &amp;lt;div class=&quot;sti-tbl-container&quot; &amp;gt; &amp;lt;div class=&quot;sti-tbl-header&quot; style=&quot;padding-right:17p...
table内容出现滚动条和表头对齐问题
table内容出现滚动条和表头对齐
datatables 首行和下面的行不对齐问题
datatables 首行和下面的行不对齐问题 只是不对齐 以下面的datatables为例子,经过测试发现,如果你设置 width:100% !important的话,下面的width属性是不会被使用的,而是 使用 datatables html设置 &amp;lt;table id=&quot;datatables&quot; style=&quot;font-size: 12px; width: 100% !im...
bootstrap-table 表头,和内容对齐问题
使用bootstrap-table 只需要提供一个json 接口就可以方便的展示一个表格数据。最近在使用的时候遇到一个问题,表头和内容不能对齐,对于越来越强迫症的我,怎么能忍。搜之!:http://www.voidcn.com/blog/u013630349/article/p-6304609.html 看到这篇博文,提示说去掉高度,就可以对齐。data-height=”100%” 去掉,直接变
easyui datagrid格式化列后行号无法对齐问题
$(function(){ $('#grid_trade_order_index').datagrid({ toolbar: "#tool_trade_order_index", onLoadError: function(data){ showErrorMsg(data); }, onLoadSuccess:function(data){        $("a[name='ge
BootStrapTable.js 表头与内容无法对齐
去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。 代码详例如下: $(function () { $("#serviceTable").bootstrapTable({ // for the Name of Package then appended system url:'/service/Servi
bootstrap-table表头固定,表内容不对齐的问题
bootstrap有很多坑,在使用也是在填坑,一直困扰的问题终于解决了,开始我用的bootstrap-table这个插件,个表格设置高度后,表头和表内容就不对齐了,在网上百度了查资料,对于我来说什么也没解决,本来没想着能找到解决的办法,最终还是解决了,代码如下 id="peakAlarmTable" class="table table-striped table_list"> css代
[easyui]复合表头隐藏列时表头出现错位的修复
/** * 重写方法:datagrid的[hideColumn,showColumn] * 解决问题:复合表头隐藏列时表头出现错位 * * 需要引入上一篇中的jquery.table2tree.js * @author attwice@qq.com * @date 2013/12/11 */ (function($){ $.extend($.fn.datagrid.metho
datagrid 4种解决table对齐
datagrid 4种解决方案 表头与列对齐
纯css固定表格表头,表头与表格对齐,非常实用
//控制表格滑动      table tbody {              display:block;              height:450px;              overflow-y:scroll;         }  //固定表头     table thead, tbody tr {              display:table;          ...
web纯CSS固定表头滚动内容且表头对齐 - 附自动内容滚动javascript
* {             margin: 0;             padding: 0;         }         div#datadiv {             height: expression((window.innerHeight || document.documentElement.clientHeight || document.body.cli
easyui 的Datagrid 表头显示不全问题解决
在开发的时候遇到这么一个问题,当使用easyui的datagrid的时候,定义的列比较多,但是宽度不够。加载数据之后下端会出现横向滚动条,一切似乎都在掌控之中,但是问题来了,当加载空数据时(也就是说表里不显示任何数据时)问题就来了:我们会发现我们定义好的表头不全了(只显示了一部分),这样看起来就怪怪的。 不废话了,直接上解决方法: $('#datagridid').datagrid({
使用layui流加载,CSS解决如何固定表头,以及解决表格表头和表格内容对不齐问题
先上HTML部分的代码: &amp;lt;table class=&quot;layui-table&quot;&amp;gt; &amp;lt;thead class=&quot;top-head&quot;&amp;gt; &amp;lt;tr&amp;gt; @for(var item in zkColumnDescs){ @if(item.field != 'equipId'){ &amp;lt;th class=...
datagrid详细操作单元格样式 设置列标题居中而列内容居右显示
仔细查了一下api,目前版本提供了两个相关的列属性,align和styler。align属性设置后会让列标题和列内容的对齐方式一致,而styler是作用于列内容上的,只是可惜了,styler只能定位到td元素,而真正决定列内容样式的是td下的div元素。 对于这种问题,我们应该也经常遇到。其实利用jQuery的强大选择器,要操作到每个单元格都很容易,所以解决这个问题的思路也很简单,在数据加载
easyUI使用datagrid不能显示表头的问题
今天在做一个项目时,发现datagrid的表头一直不能显示出来,后面自己不停的拿一个模板datagrid和自己写的进行对比,发现自己的写法并没有任何问题,但是它就是不显示出来,就这样搞了个把小时,最后突然想起会不会是css的问题,然后自己一个个去排除css,终于发现那个坑了table  {margin:auto;padding:0;}就这么一行css代码,导致整个表头无法显示。解决办法:暴力删除这...
解决jQuery的EasyUI的datagrid数据表格中行的垂直居中问题
默认jQuery EasyUI的datagrid的行的垂直方向上的对齐是text-top的。效果是这样:   修改后效果是这样:   解决办法: datagrid只有align属性,指的是水平方向的对齐方式,可以按照下面的方法设置css: 在创建datagrid的时候设置column的styler: [javascript]
dataTable 表格头错位
在开发中遇到这个问题,就是第一次加载的时候会错位,出现窄很多的现象,在网上找了一番后,发现http://blog.csdn.net/bugscode/article/details/53432069这篇博客中给出的原因是清晰的,但是解决方法我没怎么看明白,于是按照他所说的原因,即 这种情况是因为Datatables框架中使用到serverSide : true,// 服务器查询数