refactor(grid): move perPage to paginator...

Author: damyanpetev

src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.html

@@ -1,6 +1,6 @@
 <div class="grid__wrapper">
-    <igx-grid [igxPreventDocumentScroll]="true" #grid1 [data]="data" [perPage]="10" height="520px" width="100%" displayDensity="cosy">
-        <igx-paginator></igx-paginator>
+    <igx-grid [igxPreventDocumentScroll]="true" #grid1 [data]="data" height="520px" width="100%" displayDensity="cosy">
+        <igx-paginator [perPage]="10"></igx-paginator>
         <igx-column header="Rank" headerClasses="myClass" field="Id" [sortable]="true"></igx-column>
         <igx-column field="Name" header="Athlete"></igx-column>
         <igx-column field="BeatsPerMinute" header="Beats per minute" dataType="number">

src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.html

@@ -1,7 +1,7 @@
 <div class="grid__wrapper">
-    <igx-hierarchical-grid [igxPreventDocumentScroll]="true" #hGrid [data]="data" [perPage]="10" height="500px" width="100%"
+    <igx-hierarchical-grid [igxPreventDocumentScroll]="true" #hGrid [data]="data" height="500px" width="100%"
         displayDensity="cosy" primaryKey="ID">
-        <igx-paginator #paginator [(page)]="hGrid.page" [totalRecords]="hGrid.totalRecords" [(perPage)]="hGrid.perPage" [selectOptions]="selectOptions" [displayDensity]="hGrid.displayDensity">
+        <igx-paginator #paginator [(page)]="hGrid.page" [totalRecords]="hGrid.totalRecords" [perPage]="10" [selectOptions]="selectOptions" [displayDensity]="hGrid.displayDensity">
             <igx-paginator-content>
                 <igx-page-size *ngIf="!isDropdownHidden"></igx-page-size>
                 <igx-page-nav *ngIf="!isPagerHidden"></igx-page-nav>

src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.html

@@ -1,5 +1,5 @@
 <div class="grid__wrapper">
-    <igx-hierarchical-grid [igxPreventDocumentScroll]="true"  class="hgrid" [data]="localdata" [autoGenerate]="false" [perPage]="10"
+    <igx-hierarchical-grid [igxPreventDocumentScroll]="true"  class="hgrid" [data]="localdata" [autoGenerate]="false"
         [height]="'550px'" [width]="'100%'" #hierarchicalGrid>
         <igx-column field="Artist"></igx-column>
         <igx-column field="Photo">
@@ -33,6 +33,6 @@
             <igx-column field="Location"></igx-column>
             <igx-column field="Headliner"></igx-column>
         </igx-row-island>
-        <igx-paginator></igx-paginator>
+        <igx-paginator [perPage]="10"></igx-paginator>
     </igx-hierarchical-grid>
 </div>

src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.html

@@ -7,8 +7,8 @@
 </ng-template>
 <div class="grid__wrapper">
     <igx-tree-grid [igxPreventDocumentScroll]="true"  #treeGrid [data]="data" [moving]="true" primaryKey="ID" foreignKey="ParentID" [autoGenerate]="false" height="620px"
-        width="100%" [perPage]="10">
-        <igx-paginator></igx-paginator>
+        width="100%">
+        <igx-paginator [perPage]="10"></igx-paginator>
         <igx-column [field]="'Name'" dataType="string" [headerTemplate]="pinTemplate" width="250px"></igx-column>
         <igx-column [field]="'Title'" dataType="string" [headerTemplate]="pinTemplate" width="250px"></igx-column>
         <igx-column [field]="'ID'" dataType="number" [headerTemplate]="pinTemplate" width="200px"></igx-column>

src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.html

@@ -1,8 +1,8 @@
 <div class="grid__wrapper">
-    <igx-tree-grid [igxPreventDocumentScroll]="true" #treegrid1 [data]="data" [perPage]="10" height="500px" width="100%"
+    <igx-tree-grid [igxPreventDocumentScroll]="true" #treegrid1 [data]="data" height="500px" width="100%"
         displayDensity="cosy" primaryKey="ID" foreignKey="ParentID">
         <igx-paginator #paginator [(page)]="treegrid1.page" [totalRecords]="treegrid1.totalRecords"
-            [(perPage)]="treegrid1.perPage" [selectOptions]="selectOptions" [displayDensity]="treegrid1.displayDensity">
+            [perPage]="10" [selectOptions]="selectOptions" [displayDensity]="treegrid1.displayDensity">
             <igx-paginator-content>
                 <igx-page-size *ngIf="!isDropdownHidden"></igx-page-size>
                 <igx-page-nav *ngIf="!isPagerHidden"></igx-page-nav>