Javascript 获取此错误-无法获取属性'；mData'；指未定义的或空的引用

当我使用jQuery数据表时，出现以下错误

错误：无法获取未定义或空引用的属性“mData”

<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>

代码

<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>

$（文档）.ready（函数（）{
$（'#可清空'）。数据表（）；
} );
名称
年龄
地址
AAAA
32
科伦坡
BBBBB
29
康迪

---

请建议我如何解决此问题？

您的html结构不正确，您需要有一个

thead

元素，其中指定了标题，内容应在

tbody

中

$（文档）.ready（函数（）{
$（'#可清空'）。数据表（）；
});

名称
年龄
地址
K.森图兰
32
42巷
S.森图兰
29
汉普登巷

$（文档）.ready（函数（）{
$（'#可清空'）。数据表（）；
});

名称
年龄
地址
K.森图兰
32
42巷
S.森图兰
29
汉普登巷
表中的HTML结构需要匹配。
例如，
在您的
中使用
中的
标记。也就是说，如果表中预期有5列，那么在表头应该有5个
标记，在表体应该有5个
标记
 你能提供一些关于你的代码的信息吗？