feat(module:table and pagination): support custom the page size chang…

…er select values(#608) (#626) * feat(module:table and pagination): support custom the page size changer select values(#608) * style(module:table and pagination): modify the code annotation. close #608
NG-ZORRO · Nov 28, 2017 · 034bd71 · 034bd71
1 parent 8f7d38b
commit 034bd71
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/src/components/pagination/nz-pagination.component.ts b/src/components/pagination/nz-pagination.component.ts
@@ -194,6 +194,14 @@ export class NzPaginationComponent {
     this._jumpPage(this._current + Math.round(pageSize / 2));
   }
 
+  /** page size changer select values */
+  @Input()
+  set nzPageSizeSelectorValues(value: any) {
+    if (value) {
+      this._options = value;
+    }
+  }
+
 
   @Input()
   get nzPageIndex(): number {

diff --git a/src/components/table/nz-table.component.ts b/src/components/table/nz-table.component.ts
@@ -68,6 +68,7 @@ import { NzThDirective } from './nz-th.directive';
           *ngIf="nzIsPagination&&data.length"
           class="ant-table-pagination"
           [nzShowSizeChanger]="nzShowSizeChanger"
+          [nzPageSizeSelectorValues]="nzPageSizeSelectorValues"
           [nzShowQuickJumper]="nzShowQuickJumper"
           [nzShowTotal]="nzShowTotal"
           [nzSize]="(nzSize=='middle'||nzSize=='small')?'small':''"
@@ -112,6 +113,8 @@ export class NzTableComponent implements AfterViewInit, OnInit {
   @Input() nzShowFooter = false;
   @Input() nzShowTitle = false;
   @Input() nzIsPageIndexReset = true;
+  /** page size changer select values */
+  @Input() nzPageSizeSelectorValues = [10, 20, 30, 40, 50];
   @ContentChild('nzFixedHeader') fixedHeader: TemplateRef<any>;
 
   @ContentChildren(NzThDirective, { descendants: true })

diff --git a/src/showcase/nz-demo-pagination/nz-demo-pagination.html b/src/showcase/nz-demo-pagination/nz-demo-pagination.html
@@ -99,6 +99,12 @@ <h2 id="API"><span>API</span>
           <td>attribute</td>
           <td>-</td>
         </tr>
+        <tr>
+          <td>nzPageSizeSelectorValues</td>
+          <td>每页显示条目数下拉框值</td>
+          <td>Array</td>
+          <td>[10, 20, 30, 40, 50]</td>
+        </tr>
         <tr>
           <td>nzShowQuickJumper</td>
           <td>是否可以快速跳转至某页，当添加该属性时显示快速跳转</td>

diff --git a/src/showcase/nz-demo-table/nz-demo-table.html b/src/showcase/nz-demo-table/nz-demo-table.html
@@ -278,6 +278,12 @@ <h3><span>nz-table</span>
           <td>Boolean</td>
           <td>false</td>
         </tr>
+        <tr>
+          <td>nzPageSizeSelectorValues</td>
+          <td>pagination中每页显示条目数下拉框值</td>
+          <td>Array</td>
+          <td>[10, 20, 30, 40, 50]</td>
+        </tr>
         <tr>
           <td>nzShowQuickJumper</td>
           <td>是否显示pagination中快速跳转</td>