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

            });

 

你可能感兴趣的:(grid)