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

 

转载于:https://www.cnblogs.com/mqyg/p/4108211.html