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

项目里要用到这样的表头，挺简单的。但是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的列设置] ]