2 xu 76 nie xu_76_nie 于 2016.05.05 16:56 提问

easyUI datagrid 表体比表头的列少

本人新手,求教:表体比表头列少,前面还有红色圈出来的区域不知道哪来的?而且表头列与表体列无法对齐。 来个大神告诉我怎么改,谢谢。
以下是代码:
fit:true,
pagination:true,
fitColumns:true,
nowrap : false,
striped : true,
rownumbers:true,
showFooter:true,

            columns: [[
                {title:'馆藏单位',colspan:1,rowspan:3},
                {title:'书目',colspan:20,rowspan:1},
                {title:'签到',colspan:3,rowspan:2},
            ],[
                {title:'上载次数',colspan:1,rowspan:2},
                {title:'EP(科技期刊)',colspan:2,rowspan:1},
                {title:'EM(科技会议)',colspan:2,rowspan:1},
                {title:'EJ(文集汇编)',colspan:2,rowspan:1},
                {title:'ES(科技丛书)',colspan:2,rowspan:1},
                {title:'ER(科技报告)',colspan:2,rowspan:1},
                {title:'EG(工具书)',colspan:2,rowspan:1},
                {title:'EB(科技专著)',colspan:2,rowspan:1},
                {title:'GT(港台期刊)',colspan:2,rowspan:1},
                {title:'小计',colspan:3,rowspan:1}
            ],[
                //馆藏单位
                {field:'libCode',width:100,align:'center',sortable:true},
                //上载次数
                {field:'Count',width:100,align:'center',sortable:true},
                //EP(科技期刊)
                {field:'epHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'epBase',title:'入库数',width:100,align:'center',sortable:true},
                //EM(科技会议)
                {field:'emHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'emBase',title:'入库数',width:100,align:'center',sortable:true},
                //EJ(文集汇编)
                {field:'ejHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'ejBase',title:'入库数',width:100,align:'center',sortable:true},
                //ES(科技丛书)
                {field:'esHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'esBase',title:'入库数',width:100,align:'center',sortable:true},
                //ER(科技报告)
                {field:'erHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'erBase',title:'入库数',width:100,align:'center',sortable:true},
                //EG(XXXXXXXX)
                {field:'egHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'egBase',title:'入库数',width:100,align:'center',sortable:true},
                //EB(科技专著)
                {field:'ebHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'ebBase',title:'入库数',width:100,align:'center',sortable:true},
                //GT(港台期刊)
                {field:'gtHarvest',title:'上载数',width:100,align:'center',sortable:true},
                {field:'gtBase',title:'入库数',width:100,align:'center',sortable:true},
                //小计
                {field:'',title:'上载数',width:100,align:'center',sortable:true},
                {field:'',title:'入库数',width:100,align:'center',sortable:true},
                {field:'',title:'不规范数',width:100,align:'center',sortable:true},
                //签到
                {field:'',title:'上载次数',width:100,align:'center',sortable:true},
                {field:'',title:'上载数',width:100,align:'center',sortable:true},
                {field:'',title:'入库数',width:100,align:'center',sortable:true},
            ]],
    toolbar:'#tb'

    以下是效果图:

图片说明

2个回答

jhfsdfs
jhfsdfs   2016.05.05 18:06

你自己写的filed为空

CSDNXIAON
CSDNXIAON   2016.05.05 17:02

jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Easyui Datagrid 表头和表体列对照异常
现象描述: 页面初始化,表格列宽正常,如下图: 第一次查询后,表格列宽如下图,第二次查询,表格列宽正常 相关代码如下:<div id='test'> <table id='testGridId' class='easyui-datagrid'></table> </div>初始化代码如下:$("#testGridId").datagrid({ title : "testGr
笨办法解决 datagrid中表头和表体不对齐问题
//datagrid中loadData方法会去除旧数据,所以只能先使用loadData后使用appendRow方法。 //为解决 前台显示中的datagrid上的 表头和表体不对齐的问题,采取先loadData后appendRow的方法。 //$('#JregisTable').datagrid('getRows') 判断该datagrid中是否存在数据,如果不存在的使用loadData方法
JQuery EasyUI-DataGrid:列名、数据列分别设置不同对齐方式
本文章主要描述了在Web前端技术中,对于datagrid中的column内数据、列名的对齐方式进行设置,使数据符合一定的显示要求
修改easyui中datagrid表头和数据不能分开对齐的BUG。
easyui的datagrid中表头和列只能同时全部向左对齐,全部向右对齐或者居中对齐。 有时候有需求,数据向左或向右,表头居中对齐。 在不修改源码的情况下。下面的代码可以实现该功能。 把下面代码放在生成表格代码的后面即可。 //获取表头节点 var headers = $(".datagrid-header-row>td"); $.each(headers,fun
JQuery EasyUI DataGrid复杂表头的处理
有时候单行的表头不能满足我们对datagrid的应用,比如在显示合计信息的时候,下面举一个合计信息的例子来说明,easyUI中datagrid复杂表头的应用。
DataGrid表头合并和单元格内容合并-升级版
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
jQuery EasyUI datagrid列名包含特殊字符会导致表格错位 不对齐
首先申明:本文所述的Bug存在于1.3.3以及更高版本中,其它低版本,本人未测试,太老的版本不想去折腾了。 洒家在写前端的SQL执行工具时,表格用了 jQuery EasyUI datagrid,因为用户的SQL是千奇百怪的,所以出现了诸如:"BLOCKS*8/1024","trunc(SYSDATE)"之类的列名(field)时,表格就会错位,而且含有特殊字符的列无法手工调整大小。
解决easyui表格加载时候的列标题和列内容无法严格对齐的问题!
无法对齐 在表格加载中添加设置     onLoadSuccess : function(data) {                    $('span.datagrid-sort-icon').hide();      }
EasyUI-Datagrid二维表格:多表头
人力资源管理有个做二维表格的需求,客户的需求是这样的,如图:        由于是从零开始,没有参考,我就想用easyui 做一下。分析需求,其实难点就三个:1、是将上表头的部分单元格合并。2、是在左侧显示标题。3、是页内单元格可以编辑。          对于easyui来说,单元格合并比较简单,写table时的核心的代码就两句:rowspan 和colspan。其中,