我已遵循此处给出的适用的分页示例,但分页在我的情况下不起作用。
以下是我的代码
<table id="exptab" class="table demo footable-loaded footable default" data-page-size="5">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody >
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</tbody>
<tfoot class="hide-if-no-paging">
<tr>
<td colspan="5" class="text-center">
<ul class="pagination">
</ul>
</td>
</tr>
</tfoot>
</table>
<script type="text/javascript">
$(function () {
debugger;
$('table').footable();
});
</script>
我在这里为分页甚至添加了ul class =“ pagination”,但这也行不通。有人可以指出什么缺失。
几个月前,我终于解决了这个问题。将它们添加到可靠存储库中的文件以某种方式对我没有用。我对他们的例子如何整洁感到困惑,而我却没有!因此,最终我决定访问它们的源代码,并直接获取示例所使用的文件,并在我的代码中引用它们。
瞧!它开始像魅力一样工作:)
请注意:我已经多次比较了示例中的所有参考,我根本没有使用任何东西……但是他们用于示例的文件起到了作用,而存储库中的文件对我却没有用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句