ng2-smart-table의 페이지 매김 문제

Question

Angular 2 앱에서 ng2-smart-table을 사용하고 있는데 페이지 매김에 문제가 있습니다. 데이터 객체 배열을로드하는 중 첫 번째 5 개가 올바르게 표시됩니다 (총 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"); 

희망이 있으면 도움이 될 것입니다.