问题：

未捕获的TypeError:无法读取未定义的属性“mData”

鲁羽

2023-03-14

我遵循这一点，使用DataTables插件启用多个表（在同一页上）。对于手动表，它可以工作，但对于动态创建的表，它显示以下错误：

我的页面srcipt:

 $(document).ready(function() {
         $('table.datatable').dataTable( {
            'bSort': false,
            'aoColumns': [
                  { sWidth: "45%", bSearchable: false, bSortable: false },
                  { sWidth: "45%", bSearchable: false, bSortable: false },
                  { sWidth: "10%", bSearchable: false, bSortable: false }
            ],
            "scrollY":        "200px",
            "scrollCollapse": false,
            "info":           true,
            "paging":         true
        } );
    } );

我的超文本标记语言第一个表：

<table class="table table-striped table-bordered datatable">
    <thead>
        <tr>
            <th>  Issue      </th>
            <th>  Product      </th>
            <th>  Qty      </th>
            <th class="text-right"> Paid    </th>
            <th class="text-right"> Balance    </th>
            <th class="text-right"> Total    </th>
        </tr>   
    </thead><!-- table head -->
    <tbody>
        <tr>
            <td>May 20, 2015</a></td>
            <td>Normal Sim</td>
            <td>1000</td>
            <td><span class="pull-right">Rs18,893.00 </span></td>
            <td><span class="pull-right">Rs131,107.00 </span></td>
            <td><span class="pull-right">Rs150,000.00 </span></td>
        </tr>
        <tr>
            <td>voice/7?invoice_type=1">May 20, 2015</a></td>
            <td>Nokia 3310 </td>
            <td>10000</td>
            <td><span class="pull-right">Rs2,520,000.00 </span></td>
            <td><span class="pull-right">Rs12,480,000.00 </span></td>
            <td><span class="pull-right">Rs15,000,000.00 </span></td>
        </tr>
        <tr>
            <td>May 20, 2015</a></td>
            <td>Nokia 3310 </td>
            <td>1000</td>
            <td><span class="pull-right">Rs404,000.00 </span></td>
            <td><span class="pull-right">Rs1,096,000.00 </span></td>
            <td><span class="pull-right">Rs1,500,000.00 </span></td>
        </tr>
    </tbody>
</table>

第二张表：

<table class="table table-striped table-bordered datatable" id="p_history">
    <thead>
        <tr>
            <th>Issue</th>
            <th>Paid</th>
            <th>Comments</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 15,000.00 </td>
            <td></td>
        </tr>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 12.00 </td>
            <td></td>
        </tr>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 123.00 </td>
            <td></td>
        </tr>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 123.00 </td>
            <td></td>
        </tr>
    </tbody>
</table>

知道怎么修吗？

注意：我也阅读了这个未回答的问题，相同的错误，但我的标准不同，因此它不是重复的。

共有3个答案

施鸿

2023-03-14

如果你的aaData是一个数组，例如["col11"，"col12"，"col13"]，["col21"，"col22"，"col23"]]，那么只有你的上面的代码才能工作，否则它将期望一个mdata属性设置为cola值，例如，aaData=[{col1： col1val， col2： col2val， col3： col3val}]，

映射aoColumns-so在aoColumns:[{mdata:“col1”}]

这样做-

$(document).ready(function() {
         $('#p_history').dataTable( {
            'bSort': false,
            'aoColumns': [
                  { sWidth: "45%", bSearchable: false, bSortable: false },
                  { sWidth: "45%", bSearchable: false, bSortable: false },
                  { sWidth: "10%", bSearchable: false, bSortable: false },
                  //match the number of columns here for table1
            ],
            "scrollY":        "200px",
            "scrollCollapse": false,
            "info":           true,
            "paging":         true
        } );


//Now for another table
         $('#secondTableId').dataTable( {
            'bSort': false,
            'aoColumns': [
                  { sWidth: "45%", bSearchable: false, bSortable: false },
                  { sWidth: "45%", bSearchable: false, bSortable: false },
                  { sWidth: "10%", bSearchable: false, bSortable: false },
                  //match the number of columns here for table2
            ],
            "scrollY":        "200px",
            "scrollCollapse": false,
            "info":           true,
            "paging":         true
        } );
    } );

焦驰

2023-03-14

正如DataTables使用指南中所述，您需要在表中声明thead和tbody部分，以使插件正常工作。

这件事以前也在这里讨论过，所以下一次谷歌搜索可能是件好事。

邵赞

2023-03-14

您正在尝试使用相同的选项初始化多个表，最重要的是aoColumns，数组包含列定义。您的aoColumns数组仅包含3项，但是每个表中的列数不同，这就是您收到错误的原因。

从手册中：

如果指定，则此数组的长度必须等于原始超文本标记语言表中的列数。如果您希望仅使用默认值和自动检测到的选项，请使用null。

您需要为第一个表分配唯一的id，并分别初始化每个表，如下所示。

$(document).ready(function() {
   $('#table_first').dataTable( {
       'bSort': false,
       'aoColumns': [
             { sWidth: "15%", bSearchable: false, bSortable: false },
             { sWidth: "15%", bSearchable: false, bSortable: false },
             { sWidth: "15%", bSearchable: false, bSortable: false },
             { sWidth: "15%", bSearchable: false, bSortable: false },
             { sWidth: "15%", bSearchable: false, bSortable: false },
             { sWidth: "15%", bSearchable: false, bSortable: false },
       ],
       "scrollY":        "200px",
       "scrollCollapse": false,
       "info":           true,
       "paging":         true
   });

    $('#p_history').dataTable( {
       'bSort': false,
       'aoColumns': [
             { sWidth: "45%", bSearchable: false, bSortable: false },
             { sWidth: "45%", bSearchable: false, bSortable: false },
             { sWidth: "10%", bSearchable: false, bSortable: false }
       ],
       "scrollY":        "200px",
       "scrollCollapse": false,
       "info":           true,
       "paging":         true
   } );

} );

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css" rel="stylesheet"/>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.js"></script>

<table class="table table-striped table-bordered datatable" id="table_first">
    <thead>
        <tr>
            <th>  Issue      </th>
            <th>  Product      </th>
            <th>  Qty      </th>
            <th class="text-right"> Paid    </th>
            <th class="text-right"> Balance    </th>
            <th class="text-right"> Total    </th>
        </tr>   
    </thead><!-- table head -->
    <tbody>
        <tr>
            <td>May 20, 2015</a></td>
            <td>Normal Sim</td>
            <td>1000</td>
            <td><span class="pull-right">Rs18,893.00 </span></td>
            <td><span class="pull-right">Rs131,107.00 </span></td>
            <td><span class="pull-right">Rs150,000.00 </span></td>
        </tr>
        <tr>
            <td>voice/7?invoice_type=1">May 20, 2015</a></td>
            <td>Nokia 3310 </td>
            <td>10000</td>
            <td><span class="pull-right">Rs2,520,000.00 </span></td>
            <td><span class="pull-right">Rs12,480,000.00 </span></td>
            <td><span class="pull-right">Rs15,000,000.00 </span></td>
        </tr>
        <tr>
            <td>May 20, 2015</a></td>
            <td>Nokia 3310 </td>
            <td>1000</td>
            <td><span class="pull-right">Rs404,000.00 </span></td>
            <td><span class="pull-right">Rs1,096,000.00 </span></td>
            <td><span class="pull-right">Rs1,500,000.00 </span></td>
        </tr>
    </tbody>
</table>

<table class="table table-striped table-bordered datatable" id="p_history">
    <thead>
        <tr>
            <th>Issue</th>
            <th>Paid</th>
            <th>Comments</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 15,000.00 </td>
            <td></td>
        </tr>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 12.00 </td>
            <td></td>
        </tr>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 123.00 </td>
            <td></td>
        </tr>
        <tr>
            <td>May 20, 2015, 5:15 pm</td>
            <td>Rs 123.00 </td>
            <td></td>
        </tr>
    </tbody>
</table>

类似资料：

未捕获的TypeError：无法读取未定义的属性“ top”

问题内容：如果这个问题已经回答，我深表歉意。我尝试搜索解决方案，但找不到适合我的代码的任何解决方案。我还是jQuery新手。对于两个不同的页面，我有两种不同类型的粘滞菜单。这是两者的代码。我的问题是，底部粘性菜单的代码不起作用，因为第二行代码会引发错误，提示“未捕获的TypeError：无法读取未定义的属性’top’”。实际上，除非将第二行以下的其他jQuery代码放在第二行之上，否则根本不
未捕获的TypeError：无法读取未定义的属性“ toLowerCase”

问题内容：我收到此错误，它源自jquery框架。当我尝试在文档准备好加载选择列表时，出现此错误。我似乎找不到我为什么收到此错误的信息。它适用于change事件，但是尝试手动执行功能时出现错误。未捕获的TypeError：无法读取未定义的属性’toLowerCase’-> jquery-2.1.1.js：7300 这是代码问题答案：当您调用DOMReady时，的上下文将不是元素。您可以通
未捕获的TypeError：无法读取未定义的属性“值”

问题内容：我有一些JavaScript代码会给出此错误码这个错误是什么意思？问题答案：好像您的值之一，属性键为“值”是未定义的。在执行if语句之前测试，和是否已定义：
未捕获的TypeError：无法读取未定义的属性“linear”

我刚开始使用D3，在我的演示脚本中出现了以下错误- firstd3.jsp:31未捕获的TypeError：无法读取未定义的属性“linear” 我的演示代码如下是什么导致了这个错误？以及如何解决
未捕获的TypeError:无法读取未定义的属性“parentElement”

我发现很多回答的问题与我的问题相似，但所有这些元素实际上都是“未定义的”。就我而言，它是存在的。我的代码按预期工作。基本上，它将eventListener添加到作为锚的所有模式解除按钮中。关闭函数是找到最外层的modal div，并为其提供“hidden”类，该类将其显示设置为none。它正确地关闭了模态，但在模态关闭后，该错误就会出现。约会。js:61未捕获类型错误：无法读取未定义的属性“
未捕获的TypeError无法读取未定义的属性“name”

我是JavaScript/jQuery的新手，我正在开发一个应用程序。尝试读取对象的属性时，我得到一个未捕获的TypeError。我的最终目标是让用户在一个文本框中输入一些内容，并基于该输入，创建一个对象，将该输入作为name属性。以下是我到目前为止的代码：我在网站上搜索过类似的其他问题，但它们都是处理API或与我无关的问题。如果有任何帮助，我将不胜感激。

未捕获的TypeError:无法读取未定义的属性“mData”

共有3个答案

相关问答

相关文章

相关阅读

相关工具

相关文档