2015-05-18 73 views
1

我已经列出了给定的脚标分页示例here 但是分页在我的情况下并不起作用。脚踏插件分页不起作用

下面是我的代码

<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类=“分页”,然而这也只是不工作。有人能指出什么是缺少的。

回答

0

我终于解决了这一问题在几个月前。添加他们在可脚本存储库中的文件从来不会为我工作。我很困惑他们的例子如何工作,我的没有! 因此,最后我决定访问他们的源代码并直接获取这些示例使用的文件,并在我的代码中引用它们。

瞧!它开始工作就像一个魅力:)

请注意:我已经比较了所有在示例中的参考很多次,没有什么是我没有使用的......但他们用于他们的例子的文件没有这个诀窍和他们的仓库中的伎俩并没有为我工作。

0

确保您已包括PAGINATE附加JavaScript文件