javascript 收到此错误 - 无法获取未定义或空引用的属性“mData”
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/31154181/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Getting this error - Unable to get property 'mData' of undefined or null reference
提问by Java-Seekar
I am getting the below error when I use the jQuery data table.
使用 jQuery 数据表时出现以下错误。
Error: Unable to get property 'mData' of undefined or null reference
错误：无法获取未定义或空引用的属性“mData”
Code
代码
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#empTable').DataTable();
} );
</script>
<table id="empTable" class="display" width="100%">
<tr>
<th>Name</th>
<th>Age</th>
<th>Address</th>
</tr>
<tr>
<td>AAAAA</td>
<td>32</td>
<td>Colombo</td>
</tr>
<tr>
<td>BBBBB</td>
<td>29</td>
<td>Kandy</td>
</tr>
</table>
Please suggest me how to fix this issue?
请建议我如何解决这个问题？
回答by Arun P Johny
Your html structure is not proper, you need to have a theadelement where the header is specified and the content should be in tbody.
您的 html 结构不正确，您需要有一个thead元素，其中指定了标题并且内容应该在tbody.
$(document).ready(function() {
$('#empTable').DataTable();
});<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/css/jquery.dataTables.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/js/jquery.dataTables.js"></script>
<table id="empTable" class="display" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>K.Senthuran</td>
<td>32</td>
<td>42nd Lane</td>
</tr>
<tr>
<td>S.Senthuran</td>
<td>29</td>
<td>Hampden Lane</td>
</tr>
</tbody>
</table>回答by ADOLFO ANGEL
$(document).ready(function() {
$('#empTable').DataTable();
});<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/css/jquery.dataTables.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/js/jquery.dataTables.js"></script>
<table id="empTable" class="display" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>K.Senthuran</td>
<td>32</td>
<td>42nd Lane</td>
</tr>
<tr>
<td>S.Senthuran</td>
<td>29</td>
<td>Hampden Lane</td>
</tr>
</tbody>
</table>回答by DiTap
HTML structures in the table needs to match.
For instance, <th>tags in your <thead>with the <tr>'s in the <tbody>. That is, if in the table you expect 5 columns , there should be 5 <th>tags in the table head and 5 <tr>tags in the table body.
表格中的 HTML 结构需要匹配。例如，<th>标签在你<thead>用<tr>的的<tbody>。也就是说，如果在表中您期望 5 列，则<th>表头中应有 5个<tr>标签，表体中应有 5 个标签。
