DataTable插件报错：Uncaught TypeError: Cannot read property 'style' of undefined

转载于 2018-09-17 11:03:00 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tony-brook/p/9660982.html

本文分析了使用DataTable插件时出现的TypeError错误原因，并通过一个具体示例详细解释了如何定位问题所在，即table中定义的列数与aoColumns属性指定的列数不匹配导致的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DataTable插件报错：Uncaught TypeError: Cannot read property 'style' of undefined

原因：table 中定义的列和aoColumns数据表的项数量对不上：比如下面：

<table class="table dataTable ">
    <thead>
    <tr>
        <th>列1</th>
        <th>列2</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>

"aoColumns": [
    {
        "mDataProp": "uuid",
        "sDefaultContent": "",
        "fnRender": function (obj) {
            var sReturn = "<input type='checkbox' name='check' value='" + obj.aData.uuid + "' />";
            return sReturn;
        }
    },
    {
        "mDataProp": "warehouseName",
        "sDefaultContent": "",
        "sTitle": "<aebiz:showTitle titleId="productsuresalestock.m.warehouseName"/>"
    },
    {
        "mDataProp": "warehouseNo",
        "sDefaultContent": "",
        "sTitle": "<aebiz:showTitle titleId="productsuresalestock.m.warehouseNo"/>"
    }]