2015-10-21 85 views
0

我使用Footable V3(3.0.1版本)與尋呼功能,並願意提供我的用戶動態地修改每頁項目的能力。Footable V3:動態頁面大小

我已經嘗試了兩種方法來實現這一點,但他們都沒有工作:

1)我試圖代碼傳遞一個新的頁面大小已經填充了表後。

$('#availableResults').footable(
    { 
     "paging": 
      "size": count 
     } 
    }); 

這導致立即變得不正確格式化的表格,並出現在控制檯中出現以下錯誤:

FooTable: unhandled error thrown during initialization. Error: No columns supplied.(…)(anonymous function) @ footable.js:1705 

2)然後我試圖在飛行中改變表格屬性爲頁面大小的值桌子已經填滿之後。

angular.element('#availableResults').attr('data-paging-size', count); 

這沒有效果。

我知道footable V2有可能改變頁面大小屬性,然後觸發表重繪完成每頁的變化動態項目。我明白V3是完全重寫,但也許有V3的,我是不知道的類似的機制。我閱讀了下面的所有V3文檔,沒有運氣。

http://fooplugins.github.io/FooTable/docs/components/paging.html

http://fooplugins.github.io/FooTable/docs/jsdocs/index.html

任何幫助表示讚賞。

回答

0
$('.table').footable({ 
    paging: { 
    size: 5 
    } 
}); 
+2

你能解釋一下表中的數據? –

0

您需要重新初始化表並傳遞對象參數中的列和行數據。

FooTable.init('#availableResults', { 
    paging: {size: 5}, columns: columns, rows: rows 
}); 

其中的行和列是在父範圍和填充需要