Jquery Datatable 不工作我是初学者答案

【问题标题】：Jquery Datatable not working i am a beginnerJquery Datatable 不工作我是初学者
【发布时间】：2017-06-09 15:06:09
【问题描述】：

我开始使用 Asp.net MVC，使用 Udemy 上的 Mosh Complete MVC Course 作为学习指南。目前正在尝试实现默认的 JQuery Datatable 而不进行配置。在添加此行之前一切正常

$("#customers").DataTable();

我尝试过更新 bootstrap 和 jquery，但仍然没有成功。在控制台上我没有收到任何错误消息..但它只是不起作用。请帮助一个新手。谢谢。

【问题讨论】：

你安装了table jquery插件吗？
您收到的错误信息是什么（检查您的控制台）？
对不起...我是新手...一直在尝试调试我的应用程序并在控制台上发现此错误.. jQuery.Deferred 异常：无法读取属性'mData' undefined TypeError: Cannot read property'mData'of type undefined...
见stackoverflow.com/questions/25377637/…
试试这个视频docs.microsoft.com/en-us/aspnet/web-forms/videos/jquery/…

标签： asp.net-mvc datatables

【解决方案1】：

使用前先添加jquery-1.12.4.js

https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css
https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js

然后使用

$(document).ready(function(){
    $('#myTable').DataTable();
});

它会正常工作的。

【讨论】：

【解决方案2】：

DataTables 需要格式良好的表格。它必须包含 and 标记，否则会引发此错误。此外，请确保您的项目中具有相同数量的表数据。

【讨论】：

【解决方案3】：

我遇到了同样的问题，要解决它，请确保您的表格组织得当。标题应包含在 thead 中，正文包含在 tbody 中，标题行数量应与正文行数量相同。将与数据表一起使用的表示例

<table id="sample-table">
<thead>
    <tr>
        <th>title-1</th>
        <th>title-2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>data-1</td>
        <td>data-2</td>
        <td>data-3</td>
    </tr>
</tbody>

【讨论】：