為什么Datatables插件不起作用？
[英]Why is the Datatables plug-in not working?
問題描述
我試圖用數據表建立一個表，我發現了一個DataTable的例子在這里在線： 實例
根據示例，我編寫了代碼MyTable ：
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css">
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
</head>
<body>
<div class="container">
<table id = "guestList" >
<thead>
<tr>
<th>Order#</th>
<th>Qty</th>
<th>Customer</th>
<th>Order Date</th>
<th>Ticket date</th>
<th>Price</th>
<th>Delivery Method</th>
<th>Option</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 10px;">abf0c80</td>
<td style="padding: 10px;">2</td>
<td style="padding: 10px;">Ashukur </td>
<td style="padding: 10px;">2015-07-14 13:51:14</td>
<td style="padding: 10px;">10.0000</td>
<td style="padding: 10px;">0.0000</td>
<td style="padding: 10px;">print</td>
</tr>
<tr>
<td style="padding: 10px;">abf0af9</td>
<td style="padding: 10px;">4</td>
<td style="padding: 10px;">Boris</td>
<td style="padding: 10px;">2015-07-14 13:51:14</td>
<td style="padding: 10px;">7.0000</td>
<td style="padding: 10px;">0.0000</td>
<td style="padding: 10px;">print</td></tr>
<tr>
<td style="padding: 10px;">abf0b8b</td>
<td style="padding: 10px;">3</td>
<td style="padding: 10px;">Ashukur </td>
<td style="padding: 10px;">2015-07-14 13:51:14</td>
<td style="padding: 10px;">17.0000</td>
<td style="padding: 10px;">0.0000</td>
<td style="padding: 10px;">print</td>
</tr>
</tbody>
</table>
</div>
</body>
有人可以幫我檢查一下代碼嗎？ 我不知道為什么我的代碼不起作用。
2 個解決方案
解決方案1
2 已采納 2015-09-10 19:01:17
您在每個tbody行中都缺少一個<td></td> 。
<tbody>的<td>數量必須等於<thead>的<th>數量。
在此處查看更新的小提琴： http : //jsfiddle.net/q6164rfr/
解決方案2
1 2015-09-10 19:09:03
因為您需要正確進行標記。 <th>的數量必須與每行中<td>的數量匹配。 即
<div class="container">
<table id="guestList">
<thead>
<tr>
<th>Order#</th>
<th>Qty</th>
<th>Customer</th>
<th>Order Date</th>
<th>Ticket date</th>
<th>Price</th>
<th>Delivery Method</th>
<th>Option</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 10px;">abf0c80</td>
<td style="padding: 10px;">2</td>
<td style="padding: 10px;">Ashukur </td>
<td style="padding: 10px;">2015-07-14 13:51:14</td>
<td style="padding: 10px;">10.0000</td>
<td style="padding: 10px;">0.0000</td>
<td style="padding: 10px;">print</td>
<td></td>
</tr>
<tr>
<td style="padding: 10px;">abf0af9</td>
<td style="padding: 10px;">4</td>
<td style="padding: 10px;">Boris</td>
<td style="padding: 10px;">2015-07-14 13:51:14</td>
<td style="padding: 10px;">7.0000</td>
<td style="padding: 10px;">0.0000</td>
<td style="padding: 10px;">print</td>
<td></td>
</tr>
<tr>
<td style="padding: 10px;">abf0b8b</td>
<td style="padding: 10px;">3</td>
<td style="padding: 10px;">Ashukur </td>
<td style="padding: 10px;">2015-07-14 13:51:14</td>
<td style="padding: 10px;">17.0000</td>
<td style="padding: 10px;">0.0000</td>
<td style="padding: 10px;">print</td>
<td></td>
</tr>
</tbody>
</table>
</div>
清理小提琴-> http://jsfiddle.net/9hGym/200/
jQuery Datatables 插件不適用於 ASP.NET MVC
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.