ligerUI的 ligerGrid动态列设置后,表头宽度不自动增加的问题.

项目需要做一个报表,报表比较复杂,按月份查询出用户每天的活动情况, 即选择特定的月份然后把该月的用户统计情况显示出来,同时,需要把该用户对应该月的每天的活动情况显示出来,..

在ligerUI中,可以在表单提交之前设置 grid的列(columns),然后在覆盖原来定义时的列...做出来的效果是表头的宽度没有随着动态的增加,导致变形...对照项目中类似的例子,发现在一个列中加一个minWith属性之后,即可正常显示.

eg:

//设置表头
            grid = $("#maingrid").ligerGrid({
                columns: [
                    {display: "省份", name: ‘PROVINCENAME‘, width:50},
                    {display: ‘地市‘, name: ‘CITYNAME‘,width:50},
                    {display: ‘门店信息‘, columns:[
                        {display: ‘门店编码‘, name: ‘STOREID‘,width:80},
                        {display: ‘门店名称‘, name: ‘STORENAME‘,width:180},
                        {display: ‘门店地址‘, name: ‘STOREADDR‘,minWidth:150},
                        {display: ‘门店渠道性质‘, name: ‘STOREPLACENAME‘,width:120}
                    ]},
                    {display: ‘店员信息‘, columns:[
                            {display: ‘店员姓名‘, name: ‘STAFFNAME‘,width:80},
                            {display: ‘店员手机号‘, name: ‘STAFFMOBILE‘,width:120},
                            {display: ‘身份证号‘, name: ‘STAFFID‘,width:145},
                            {display: ‘店员状态‘, name: ‘STAFFSTATUS‘,width:80}
                    ]}
                ],
                isScroll:true,
                height:‘100%‘,
                dataAction: ‘server‘,    //服务器加载
                url:‘${pageContext.request.contextPath}/report/listActiveStaffByMonth.action‘,
                   fixedCellHeight:false,
                frozenCheckbox: false,
                async:false,
                dataType:‘server‘,
                delayLoad: true,
                headerRowHeight:30,
                toolbar:{ items:
                 [
                    { text: ‘查询‘,click:onClickSearch,  icon:‘search‘}, {line:true },
                    { text: ‘导出‘,click:doExport,  icon:‘down‘ },{ line:true }
                 ]
                },
                rowHeight:30,
                enabledSort:false,
                root :‘Rows‘,                       //数据源字段名
                record:‘Total‘,                     //数据源记录数字段名
                pageParmName :‘page‘,        //页索引参数名,(提交给服务器)
                pagesizeParmName:‘pagesize‘         //页记录数参数名,(提交给服务器)
            });
时间: 2024-10-08 03:50:13

ligerUI的 ligerGrid动态列设置后,表头宽度不自动增加的问题.的相关文章

设置表的属性值自动增加

设置表的属性值自动增加,比如插入第一条记录时 id 为 1,插入第二条记录时 id 为 2,以此类推,没增加一条记录,字段值自动加 1 mysql> CREATE TABLE tb_emp8    -> (    -> id INT(11) PRIMARY KEY AUTO_INCREMENT,   # 指定员工的编号自动递增    -> name VARCHAR(25) NOT NULL,    -> deptId INT(11),    -> salary FLOA

ivew Table 固定列设置后,底部拖拽的横轴被覆盖拉不动

原因:设置了max-height=500px:表格最大高度,单位 px,设置后,如果表格内容大于此值,会固定表头.去掉即可. 原文地址:https://www.cnblogs.com/phpli/p/11756362.html

MySQL 设置表的属性值自动增加

属性值自动增加,比如 id 这一列,每新增一条记录,id 字段值自动加 1. 注意:设置自动增加的字段必须为主键的一部分 语法:字段名  数据类型  AUTO_INCREMENT

子元素浮动后,父元素高度自动增加

father:after{ content:"."; height:0; visibility:hidden; display:block; clear:both; } 清除"闭合(清除)浮动"的方法,主要是一下四种: 1.    额外标签法 这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签.我个人不喜欢这种方法,但是它确实是W3C推荐的方法

C# 使用Epplus导出Excel [2]:导出动态列数据

上一篇导出excel,是导出已知固定列,有时候我们根本就不知道有几列.列名是什么,因此这些动态列,可以用Dictionary<string,string>接收. 1.实体Student上加上一个字段Dictionarys Student.cs public class Student { public String Name { get; set; } public String Code { get; set; } public Dictionary<string, string>

element ui的表格列设置fixed后做动态表格出现表格错乱

最近使用element-UI时,使用table做动态表格,当操作列使用fixed时,动态切换表格列设置设置时就会出现错乱,情况如下: 解决方法: 把el-table-column上的key设成一个随机数Math.random(),每次表头设置完都要更新一下就正常,如下 这样,显示结果就正常了 原文地址:https://www.cnblogs.com/lwming/p/12074579.html

再谈extjs4.1中gridpanel动态表头动态列

之前写过一篇gridpanel有关动态列的博客,当时只是实验性的写写,实际项目中也没有用,因为是实验性的写,所以对实际项目考虑的问题不是很多,比如,如果是动态列,数据也是动态的,而且可能不固定,这些具体的问题,只有在实际开发后,才会明白,这次正好顺利开发完gridpanel的动态列,总结一下过程,为遇到同样问题的同学提供一个思路. 因为是实际开发项目,具体的代码比较多,这里只简单说说重点的一些代码,其实这些代码明白后,其他的功能都很好弄.顺便说一下,我后台数据库相关操作用的是c#. 既然是动态列

ExtJS5.1.2 实现双表头动态列

需求:用ExtJS5.1.2制作以下Grid效果(其中列3是动态的):ExtJS3的实现方式和5不一样. 基本代码:为了实现双表头,需要嵌套columns. { id : 'grid1', xtype : 'grid' columns : [{ header : '列1', xtype : 'gridcolumn' }, { header : '列2', xtype : 'gridcolumn' }, { header : '列3', xtype : 'gridcolumn', columns

SQL Server中动态列转行

http://www.cnblogs.com/gaizai/p/3753296.html 一.本文所涉及的内容(Contents) 本文所涉及的内容(Contents) 背景(Contexts) 实现代码(SQL Codes) 方法一:使用拼接SQL,静态列字段: 方法二:使用拼接SQL,动态列字段: 方法三:使用PIVOT关系运算符,静态列字段: 方法四:使用PIVOT关系运算符,动态列字段: 扩展阅读一:参数化表名.分组列.行转列字段.字段值: 扩展阅读二:在前面的基础上加入条件过滤: 参考