EasyUI:Cannot read property 'width' of null

最近在使用EasyUI DataGrid來作前端的報表開發，遇到了這個報錯：

Uncaught TypeError: Cannot read property 'width' of null
複製代碼

在網上查找解決方案，基本上都告訴你檢查各類屬性名是否有拼寫的錯誤，通常都是這個緣由致使的。我本身也作了檢查，並無發現什麼問題，如下是個人代碼：

columns: [
                    [
                        { align: 'center', colspan: "4", title: "支付寶" },
                        { align: 'center', colspan: "4", title: "微信-APP" },
                        { align: 'center', colspan: "4", title: "微信-公衆號" },
                        { align: 'center', colspan: "4", title: "建行" },
                        { align: 'center', colspan: "4", title: "銀聯" },
                        { field: 'incomeCount_total', align: 'center', rowspan: 2, title: "合計收入筆數" },
                        { field: 'income_total', align: 'center', rowspan: 2, title: "合計收入金額" },
                        { field: 'payCount_total', align: 'center', rowspan: 2, title: "合計支出筆數" },
                        { field: 'pay_total', align: 'center', rowspan: 2, title: "合計支出金額" }
                    ]
]
複製代碼

查找了不少的解決辦法，依然沒找出問題所在，後面本身想着有沒有多是colspan的值不該該是字符串類型，由於想到報的是width的問題，而後本身就嘗試將"4"修改成4，果真沒報錯了。這真的很讓人無語，由於本身用過的table插件裏面，LayUI以及JqGrid等，都沒有強制要求這些方面，同時這個報錯並未指向具體的緣由，因此會讓不少人摸不着頭腦，我本身也是比較幸運，才能找到問題的所在。   不過，這還沒完，由於我有凍結列，因此要添加凍結列的配置，而後我有複雜表頭，所以有rowspan，如下是一個局部的配置代碼:

frozenColumns: [[
    { field: 'reason', align: 'center', "rowspan": 2, title: "業務類型" }
]],
columns: [
    [
        { align: 'center', colspan: 4, title: "支付寶" },
        { align: 'center', colspan: 4, title: "微信-APP" },
        { align: 'center', colspan: 4, title: "微信-公衆號" },
        { align: 'center', colspan: 4, title: "建行" },
        { align: 'center', colspan: 4, title: "銀聯" },
        { field: 'incomeCount_total', align: 'center', rowspan: 2, title: "合計收入筆數" },
        { field: 'income_total', align: 'center', rowspan: 2, title: "合計收入金額" },
        { field: 'payCount_total', align: 'center', rowspan: 2, title: "合計支出筆數" },
        { field: 'pay_total', align: 'center', rowspan: 2, title: "合計支出金額" }
    ]
]
複製代碼

我吸收教訓，凍結列的rowspan給到了整數類型，可是依然仍是報了錯誤：

Uncaught TypeError: Cannot set property '0' of undefined
複製代碼

這個真讓我以爲奇怪了，另一個錯誤，而後還沒能在網上找到解決辦法。可是心想確定仍是rowspan那個地方有問題，就慢慢的嘗試修改它的值類型，都無果，後面索性幹掉rowspan算了，由於反正也解決不了，而後複雜表頭那個地方就將就着吧，誰能想到，去掉rowspan後，沒報錯，而後也正常的合併了2格，這是真的神奇。 因而可知，EasyUI的凍結列不須要配置合併單元格的狀況，框架本身會處理。同時不只要吐槽一下這個插件，界面不只古老，插件的錯誤處理也很不科學。

本篇文章由一文多發平臺ArtiPub自動發佈