2017-01-06 5 views
0

내 테이블에서 페이지 조각을 숨기는 방법을 찾을 수 없습니다. 인터넷 어디에서나 볼 수 있으며, 마지막 자원으로 여기 와야합니다.ng-Table에서 페이지 슬라이싱을 숨기는 방법은 무엇입니까?

enter image description here

그것을 어떻게 나와 함께 공유하세요?

var applicationList = jsonResponse.entity.dashboardApplicationList; 

        $scope.applicationsTable = new ngTableParams({ 
         page: 1, 
         count: 3, 
         noPager: true 
        }, { 
         total: applicationList.length, 
         getData: function ($defer, params) { 
          $scope.data = params.sorting() ? $filter('orderBy')(applicationList, params.orderBy()) : applicationList; 
          $scope.data = $scope.data.slice((params.page() - 1) * params.count(), params.page() * params.count()); 
          $defer.resolve($scope.data); 
         } 
        }); 

HTML :

<table ng-table="applicationsTable" class="table table-striped back-silver-pointer table-dark" show-filter="applicationsTable"> 
        <tbody class="back-light-blue font-weight-500 back-trans-imp text-white"> 
         <tr ng-repeat="application in data" class="back-trans-imp"> 
          <td data-title="'Status'" 
           class="text-center no-padding-left-imp no-border-top-imp" sortable="'status'" ng-click="showApplication(application)" 
           ng-attr-title="{{getApplicationStatusName(application.status)}}"> 
           <span class="application-status-smaller" 
           ng-class="application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_COMPLETED.code ? 'status_completed' : 
              application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_SIGNED.code ? 'status_signed' : 
              application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_SUBMITTED.code ? 'status_submitted' : 
              application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_SAVED.code ? 'status_saved' : ''"></span> 
           <br> 
           <span class="font10 disp-block line-height-per50 text-capitalize"> 
            {{(application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_COMPLETED.code ? AppConstants.MOBIBRANCH_APPLICATION_STATUS_COMPLETED.name : 
             application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_SIGNED.code ? AppConstants.MOBIBRANCH_APPLICATION_STATUS_SIGNED.name : 
             application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_SUBMITTED.code ? AppConstants.MOBIBRANCH_APPLICATION_STATUS_SUBMITTED.name : 
             application.status == AppConstants.MOBIBRANCH_APPLICATION_STATUS_SAVED.code ? AppConstants.MOBIBRANCH_APPLICATION_STATUS_SAVED.name : 'unknown').toLowerCase();}} 
           </span> 
           </td> 
          <td data-title="'Product Type'" 
           class="text-bold vertical-align-middle no-border-top-imp" 
           sortable="'applicantFullName'" ng-click="showApplication(application)">{{application.applicantFullName}}</td> 
          <td data-title="'Creation'" ng-click="showApplication(application)" 
           class="text-center min-width-10em vertical-align-middle no-border-top-imp" 
           sortable="'createTime'">{{application.createTime | date:'dd MMM yyyy'}}</td> 
         </tr> 
        </tbody> 
       </table> 
+0

가능한 복제 [? 매김 장식없이 ngTable 렌더링 방법] (HTTP

JS : 여기

내 코드입니다 : //stackoverflow.com/questions/22426832/how-to-render-an-ngtable-with-the-pagination-decorations) – ChiefTwoPencils

+0

css cla를 사용하여 숨길 수 있습니다. ss (표시 : 없음). –

+0

알 겠어 : counts : [], // 페이지 카운트 컨트롤 숨기기 –

답변

1
new ngTableParams({ 
     page: 1, 
     count: 3, 
     noPager: true, 
     counts: [] 
}