페이지 번호 장식을 사용하지 않고 ngTable을 렌더링하려면 어떻게 해야 합니까?

페이지 번호 장식을 사용하지 않고 ngTable을 렌더링하려면 어떻게 해야 합니까?

나의 작은 앵글에JS 앱, 저는 ngTable 라이브러리를 사용하여 여러 테이블을 렌더링합니다.한 명만 페이지 번호를 사용할 수 있습니다.다른 것들은 항상 한 페이지 미만으로 들어갑니다.렌더링되는 모든 ngTable은 테이블 아래에 "10 25 50 100" 셀렉터를 추가하는 것 같습니다.대부분의 테이블에서 이것은 공간 낭비이며 기능하지 않습니다.어떻게 하면 그 부분을 제거하고 그 공간을 되찾을 수 있을까요?

이것은 최근 수정되었습니다(https://github.com/esvit/ng-table/issues/6)이 코드로 할 수 있습니다(같은 git 문제에서 복사).

$scope.tableParams = new ngTableParams({
    count: items.length // hides pager
},{
    counts: [] // hides page sizes
});

다음의 어프로치(이 링크에 근거해)를 사용합니다.

$scope.tableParams = new ngTableParams({
        page: 1,   // show first page
        count: 5  // count per page
    }, {
        counts: [], // hide page counts control
        total: 1,  // value less than count hide pagination
        getData: function($defer, params) {
            $defer.resolve(data);
        }
    });

css를 사용하여 숨길 수 있습니다.

.ng-table-pager {
    display: none;
}

template-communication="custom/communication" 속성을 포함하여 테이블 선언을 재정의합니다. 이렇게 하면 테이블 주위에 페이지 번호를 추가하거나 아예 포함하지 않을 수 있습니다.

. . .

$scope.tableParams = new ngTableParams({
    noPager: true // hides pager
},{
    ...
});

많은 시도 끝에, 이 방법은 나에게 도움이 된다.페이지 표시 컨트롤의 ng-show 조건은 개발 콘솔에서 "!noPager"입니다.

완전성을 확보하기 위해 CSS는 표 바로 뒤에 페이지 번호만 숨깁니다.

table.ng-table + div[ng-table-pagination]{
    display: none;
}

이건 나한테 효과가 있었어.gridParams의 NgTableParams를 호출하여 로드 후 데이터를 저장했습니다.

gridParams.total(0);

style="display:none"을 사용하여 매우 기본적인 조작을 할 수 있었습니다.

<mat-paginator style="display:none" [length]="recordCount" [pageSize]="pageSize"></mat-paginator>   

언급URL : https://stackoverflow.com/questions/22426832/how-to-render-an-ngtable-without-the-pagination-decorations