2015-05-18 108 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文件