chore(*): Update the remaining paging configs

zdrawku · zdrawku · commit ae6ddaa3a57f · 2021-07-14T15:24:35.000+03:00
diff --git a/src/app/grid-add-row/grid-add-row.sample.html b/src/app/grid-add-row/grid-add-row.sample.html
@@ -3,8 +3,6 @@
         #grid
         [data]="data"
         [width]="'800px'"
-        [paging]="paging"
-        [perPage]="perPage"
         [height]="'500px'"
         [primaryKey]="'ID'"
         (mouseleave)="onMouseLeave(actionstrip)"
@@ -29,6 +27,10 @@
             <igx-grid-pinning-actions></igx-grid-pinning-actions>
             <igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
         </igx-action-strip>
+        <igx-paginator
+            *ngIf="paging"
+            [perPage]="perPage">
+        </igx-paginator>
     </igx-grid>
 
     <igx-card style="width: 360px; margin-top: 12px">
diff --git a/src/app/grid-auto-size/grid-auto-size.sample.html b/src/app/grid-auto-size/grid-auto-size.sample.html
@@ -27,7 +27,6 @@
                 [allowFiltering]="true"
                 [rowSelection]="selectionMode"
                 [filterMode]="'excelStyleFilter'"
-                [paging]="false"
                 [width]="'100%'"
                 [height]="height">
                 <igx-grid-toolbar [displayDensity]="grid1.displayDensity">
diff --git a/src/app/grid-column-selection/grid-column-selection.sample.html b/src/app/grid-column-selection/grid-column-selection.sample.html
@@ -15,7 +15,7 @@
                 <igx-buttongroup [values]="displayDensities" (selected)="selectDensity($event)"></igx-buttongroup>
             </div>
             <igx-grid #grid1 [data]="data" [displayDensity]="density" [columnSelection]="'multiple'" [allowFiltering]="true"
-                [rowSelection]="'multiple'" [filterMode]="'excelStyleFilter'" [paging]="false" [width]="'900px'"
+                [rowSelection]="'multiple'" [filterMode]="'excelStyleFilter'" [width]="'900px'"
                 [height]="'800px'" (columnSelected)="onColumnSelection($event)">
                 <igx-grid-toolbar [displayDensity]="grid.displayDensity">
                     <igx-grid-toolbar-actions>
diff --git a/src/app/grid-external-filtering/grid-external-filtering.sample.html b/src/app/grid-external-filtering/grid-external-filtering.sample.html
@@ -25,7 +25,6 @@
                     [filterMode]="'excelStyleFilter'"
                     [allowAdvancedFiltering]="false"
                     [rowSelection]="selectionMode"
-                    [paging]="false"
                     [width]="'100%'"
                     [height]="'450px'">
                     <igx-grid-toolbar [displayDensity]="grid1.displayDensity">
diff --git a/src/app/grid-filter-template/grid-filter-template.sample.html b/src/app/grid-filter-template/grid-filter-template.sample.html
@@ -6,7 +6,6 @@
                 [data]="data"
                 [allowFiltering]="true"
                 [rowSelection]="selectionMode"
-                [paging]="false"
                 [width]="'900px'"
                 [height]="'800px'">
                 <igx-column *ngFor="let c of columns" [field]="c.field"
diff --git a/src/app/grid-filtering/grid-filtering.sample.html b/src/app/grid-filtering/grid-filtering.sample.html
@@ -13,7 +13,6 @@
                 [filterMode]="'excelStyleFilter'"
                 [allowAdvancedFiltering]="true"
                 [rowSelection]="selectionMode"
-                [paging]="false"
                 [width]="'980px'"
                 [height]="'600px'"
                 [columnSelection]="'single'">
@@ -68,7 +67,6 @@ <h3 style="margin-top: 150px;">ESF Templates</h3>
                 [filterMode]="'excelStyleFilter'"
                 [allowAdvancedFiltering]="true"
                 [rowSelection]="selectionMode"
-                [paging]="false"
                 [width]="'980px'"
                 [height]="'600px'"
                 [columnSelection]="'single'">
diff --git a/src/app/grid-flex-layout/grid-flex.sample.html b/src/app/grid-flex-layout/grid-flex.sample.html
@@ -2,7 +2,7 @@
     <div igxFlex igxLayout igxLayoutDir="column">
         <div igxFlex igxLayout igxLayoutDir="column">
             <h4 class="sample-title">Grid1</h4>
-            <igx-grid #grid1 [paging]='true' [data]="localData" [autoGenerate]="false">
+            <igx-grid #grid1 [data]="localData" [autoGenerate]="false">
                 <igx-grid-toolbar [displayDensity]="grid1.displayDensity">
                     <igx-grid-toolbar-actions>
                         <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
@@ -18,6 +18,8 @@ <h4 class="sample-title">Grid1</h4>
                     [minWidth]="c.minWidth"
                     [maxWidth]="c.maxWidth" [editable]='true'>
                 </igx-column>
+                <igx-paginator>
+                </igx-paginator>
             </igx-grid>
         </div>
         <div igxFlex igxLayout igxLayoutDir="column">
diff --git a/src/app/grid-row-pinning/grid-row-pinning.sample.html b/src/app/grid-row-pinning/grid-row-pinning.sample.html
@@ -86,7 +86,7 @@
 
     <div class="sample-column">
         <div>igxTreeGrid</div>
-        <igx-tree-grid [paging]='true' [pinning]="pinningConfig" #treegrid [allowFiltering]="true" [data]="treeData" primaryKey="employeeID" foreignKey="PID" [rowSelection]="selectionMode"
+        <igx-tree-grid [pinning]="pinningConfig" #treegrid [allowFiltering]="true" [data]="treeData" primaryKey="employeeID" foreignKey="PID" [rowSelection]="selectionMode"
         [width]="'900px'" [height]="'800px'">
         <igx-grid-toolbar [displayDensity]="treegrid.displayDensity">
             <app-grid-search-box [grid]="treegrid" [style.width]="'450px'"></app-grid-search-box>
@@ -111,6 +111,8 @@
             [sortable]="true" [filterable]="true" [editable]="true" [hidden]="c.hidden"
             [minWidth]="c.minWidth" [maxWidth]="c.maxWidth">
         </igx-column>
+        <igx-paginator>
+        </igx-paginator>
     </igx-tree-grid>
     </div>
 </div>
diff --git a/src/app/grid-search/grid-search.sample.html b/src/app/grid-search/grid-search.sample.html
@@ -12,7 +12,6 @@
                 [allowFiltering]="true"
                 [allowAdvancedFiltering]="true"
                 [rowSelection]="selectionMode"
-                [paging]="false"
                 [width]="'980px'"
                 [height]="'600px'">
                 <igx-grid-toolbar [displayDensity]="grid1.displayDensity">
diff --git a/src/app/grid-state/grid-state.component.html b/src/app/grid-state/grid-state.component.html
@@ -121,7 +121,7 @@
                 <ng-container *ngTemplateOutlet="controls; context: getContext(treeGrid)"></ng-container>
                 <igx-tree-grid [id]="treeGridId" igxGridState #treeGrid [data]="treeGridFlatData"
                     primaryKey="employeeID" foreignKey="PID" [allowFiltering]="true" displayDensity="cosy"
-                    rowSelection="multiple" [paging]="false" [width]="'900px'" [height]="'800px'">
+                    rowSelection="multiple" [width]="'900px'" [height]="'800px'">
                     <igx-grid-toolbar [displayDensity]="treeGrid.displayDensity">
                         <igx-grid-toolbar-actions>
                             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
diff --git a/src/app/grid-summaries/grid-summaries.sample.html b/src/app/grid-summaries/grid-summaries.sample.html
@@ -1,5 +1,5 @@
 <igx-grid #grid1 [pinning]="pinningConfig" [data]="data" [autoGenerate]="false" [displayDensity]="'compact'" [width]="w" [height]="h"
-    [paging]="false" [allowFiltering]="true" [filterMode]="'excelStyleFilter'" [summaryCalculationMode]="'rootAndChildLevels'">
+    [allowFiltering]="true" [filterMode]="'excelStyleFilter'" [summaryCalculationMode]="'rootAndChildLevels'">
     <igx-grid-toolbar *ngIf="showToolbar" [displayDensity]="grid1.displayDensity">
         <igx-grid-toolbar-title>Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
diff --git a/src/app/tree-grid-add-row/tree-grid-add-row.sample.html b/src/app/tree-grid-add-row/tree-grid-add-row.sample.html
@@ -1,6 +1,6 @@
 <div>
     <igx-tree-grid [pinning]="pinningConfig" #grid [allowFiltering]="true" [data]="data" primaryKey="employeeID" foreignKey="PID"
-    [paging]="false" [width]="'900px'" [height]="'800px'" [rowEditable]="true"
+    [width]="'900px'" [height]="'800px'" [rowEditable]="true"
     (mouseleave)="onMouseLeave(actionstrip)"
     (mouseover)="onMouseOver($event, grid, actionstrip)">
     <igx-column *ngFor="let c of columns" [field]="c.field" [dataType]="c.dataType" [header]="c.label"
diff --git a/src/app/tree-grid-flat-data/tree-grid-flat-data.sample.html b/src/app/tree-grid-flat-data/tree-grid-flat-data.sample.html
@@ -8,7 +8,7 @@
     <button class="show-summary" igxButton="outlined" (click)="grid1.showSummaryOnCollapse = !grid1.showSummaryOnCollapse"> {{ grid1.showSummaryOnCollapse }}</button>
 
     <igx-tree-grid #grid1 [allowFiltering]="true" [data]="data" primaryKey="employeeID" foreignKey="PID" [rowSelection]="selectionMode"
-        [paging]="false" [displayDensity]="density" [width]="'900px'" [height]="'800px'" [summaryCalculationMode]="summaryMode">
+        [displayDensity]="density" [width]="'900px'" [height]="'800px'" [summaryCalculationMode]="summaryMode">
         <igx-column *ngFor="let c of columns" [field]="c.field" [dataType]="c.dataType" [header]="c.label"
             [pinned]="c.pinned" [movable]="c.movable" [groupable]="false" [resizable]="c.resizable" [width]="c.width"
             [sortable]="true" [filterable]="true" [editable]="true" [hidden]="c.hidden" [hasSummary]="c.hasSummary"
diff --git a/src/app/tree-grid-groupby/tree-grid-groupby.sample.html b/src/app/tree-grid-groupby/tree-grid-groupby.sample.html
@@ -9,7 +9,6 @@
         selectionType='multi'
         [childDataKey]="childDataKey"
         [rowSelection]="selectionMode"
-        [paging]="false"
         [displayDensity]="density"
         [width]="'1200px'"
         [height]="'700px'"
diff --git a/src/app/tree-grid/tree-grid.sample.html b/src/app/tree-grid/tree-grid.sample.html
@@ -5,7 +5,7 @@
 
     <app-tree-grid-with-transactions>
         <igx-tree-grid #grid1 selectionType='multi' [data]="data" childDataKey="ChildCompanies" primaryKey="ID" [expansionDepth]="1"
-            [rowSelection]="selectionMode" [paging]="false" [displayDensity]="density" [width]="'900px'" [height]="'500px'"
+            [rowSelection]="selectionMode" [displayDensity]="density" [width]="'900px'" [height]="'500px'"
             [allowFiltering]="true" [filterMode]="'excelStyleFilter'">
             <igx-grid-toolbar [displayDensity]="grid1.displayDensity">
                 <app-grid-search-box [grid]="grid1" [style.width]="'300px'"></app-grid-search-box>
