datagrid IE8以下浏览器提示 rowspan 为空或不存在问题的解决

来源:互联网 发布:百度网盘登录网络异常 编辑:程序博客网 时间:2024/06/14 16:44

项目里要用到这样的表头,挺简单的。但是IE8及以下版本里会报  "rowspan" 为空或不是对象 的错误。IE9 firefox则一切正常。

网上Google之发现引起该错误的原因如下:

1,缺少field:"opt"  。此法无效,仔细看了一下demo,发现里面有一行{field:"opt",title:"operation"}, 而opt为operation简写,不知道谁把这当成真理在网上传成“真理”了。

2,columns:[[{...},{...}]]   {...}之间多一个逗号。 仔细查了一下,一个逗号不多,一个不少。排除该原因。(注:如果多写一个逗号,确实IE下会报错,请仔细检查)

找了半天无果,又去仔细看Demo,最后更改columns设置如下

 frozenColumns: [[            { field: "name", title: "区域", width: 125, align: "center", rowspan: 2 },            { field: "a", title: "测站数", width: 125, align: "center", rowspan: 2 }        ]],        columns: [[                        {  title: "昨天", align: "center", colspan: 4 },            {  title: "今天", align: "center", colspan: 4 }            ],[            { field: "ya", title: "昨日下雨站数", width: 125, align: "center" },            { field: "mr1", title: "昨日最大雨量", width: 125, align: "center" },            { field: "pjy", title: "昨日平均雨量", width: 160, align: "center" },            { field: "shu", title: "昨日过50mm的站数", width: 125, align: "center" },            { field: "b", title: "今日下雨站数", width: 125, align: "center" },            { field: "mr2", title: "今日最大雨量", width: 125, align: "center" },            { field: "pjy1", title: "今日平均雨量", width: 125, align: "center" },            { field: "dshu", title: "今日过50mm的站数", width: 125, align: "center" }        ]],

见上图:

区域1 的列 在frozenColumns中设置

区域2的列  在columns:  数组中的第一数组中设置

区域3的列 在columns数组中的第二个数组中设置

columns: [ [区域2的列设置],[区域3的列设置] ]

原创粉丝点击