首页 > 代码库 > ligerUI的 ligerGrid动态列设置后,表头宽度不自动增加的问题.

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‘         //页记录数参数名,(提交给服务器)            });

 

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