ng2-smart-table的分頁問題

Question

我在Angular 2應用中使用ng2-smart-table，並且在分頁中出現問題。我正在加載一個數據對象數組，它顯示正確的前五個（我總共有20個），但表底部的分頁顯示< < >>沒有箭頭之間的數字，如果我點擊右箭頭它向我展示了未來15年。表的設置是：

private tableSettings = { 
    columns: { 
     id: { 
      title: 'ID', 
      filter: false 
     }, 
     name: { 
      title: 'Name', 
      filter: false 
     }, 
    }, 
    hideSubHeader: true, 
    attr: { 
     class: 'id-field' 
    }, 
    actions:{ 
     edit: false 
    }, 
    delete:{ 
     confirmDelete: true 
    }, 
    pager : { 
     display : true, 
     perPage:5 
    } 
} 

任何想法爲什麼它表示< < >>代替< < 1 2 3 4 >> ?? 謝謝！

Answer 1

如果您使用的是服務器數據源或本地，則您尚未提及。假設你正在使用的服務器的數據源，我猜你不及格

X-Total-Count: 20 

在你的響應頭，讓客戶知道你有多少條記錄中總有。

希望它有幫助。

Answer 2

我有一個類似的問題，根本沒有顯示分頁。 @Babak幾乎是正確的，您需要使用總行數的值將X-Total-Count添加到您的響應標頭中，但是您還需要通過添加access-control-expose-headers來公開該標頭：X-Total-Count to標題。

例如對於C＃WebApi：

var response = new HttpResponseMessage(); 
response.Headers.Add("access-control-expose-headers", "X-Total-Count"); 
response.Headers.Add("X-Total-Count", "100"); 

希望這可以幫助別人。