docs(hgrid): clean up numbering sample, #1363 #1417

IgniteUI · Sep 11, 2019 · a7861f6 · a7861f6
1 parent 7a74be3
commit a7861f6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 19 deletions.
diff --git a/...id-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.html b/...id-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.html
@@ -1,24 +1,24 @@
-<igx-hierarchical-grid #hierarchicalGrid class="hgrid" [data]="localData" [rowSelection]="'multiple'"
-    [cellSelection]="'none'" [autoGenerate]="false" [height]="'600px'" [width]="'100%'" [paging]="true">
+<igx-hierarchical-grid #hierarchicalGrid class="hgrid" [data]="localData" rowSelection="multiple"
+    cellSelection="none" [autoGenerate]="false" height="600px" width="100%" [paging]="true">
     <igx-column field="Artist"></igx-column>
     <igx-column field="Debut"></igx-column>
     <igx-column field="GrammyNominations" header="Grammy Nominations"></igx-column>
     <igx-column field="GrammyAwards" header="Grammy Awards"></igx-column>
 
-    <igx-row-island [key]="'Albums'" [autoGenerate]="false" [rowSelection]="'multiple'">
+    <igx-row-island key="Albums" [autoGenerate]="false">
         <igx-column field="Album"></igx-column>
         <igx-column field="LaunchDate" header="Launch Date"></igx-column>
         <igx-column field="BillboardReview" header="Billboard Review"></igx-column>
         <igx-column field="USBillboard200" header="US Billboard 200"></igx-column>
-        <igx-row-island [key]="'Songs'" [autoGenerate]="false" [rowSelection]="'multiple'">
+        <igx-row-island [key]="'Songs'" [autoGenerate]="false">
             <igx-column field="Number" header="No."></igx-column>
             <igx-column field="Title"></igx-column>
             <igx-column field="Released"></igx-column>
             <igx-column field="Genre"></igx-column>
         </igx-row-island>
     </igx-row-island>
 
-    <igx-row-island [key]="'Tours'" [autoGenerate]="false" [rowSelection]="'multiple'">
+    <igx-row-island key="Tours" [autoGenerate]="false">
         <igx-column field="Tour"></igx-column>
         <igx-column field="StartedOn" header="Started on"></igx-column>
         <igx-column field="Location"></igx-column>
@@ -33,14 +33,11 @@
 
     <ng-template igxRowSelector let-rowContext>
         <div class="row-selector">
-            <div class="row-selector-index">
-                <span>{{ rowContext.index + 1 }}</span>
-            </div>
+            <span class="row-selector-index">{{ rowContext.index + 1 }}</span>
             <igx-checkbox class="row-selector-checkbox"
                 [checked]="rowContext.selected"
                 [readonly]="true"
-                disableRipple="true" [disableTransitions]="hierarchicalGrid.disableTransitions"
-                [aria-label]="hierarchicalGrid.rowCheckboxAriaLabel">
+                disableRipple="true" [disableTransitions]="hierarchicalGrid.disableTransitions">
             </igx-checkbox>
         </div>
     </ng-template>

diff --git a/...id-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.scss b/...id-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.scss
@@ -18,20 +18,14 @@
 .row-selector {
     width: 60px;
     display: flex;
-    justify-content: center;
+    justify-content: space-evenly;
     align-items: center;
-    padding: 0 10px;
     height: 100%;
 }
 
 .row-selector-index {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    span {
-        width: 30px;
-        text-align: center;
-    }
+    width: 20px;
+    text-align: center;
 }
 
 ::ng-deep .igx-grid__cbx-selection {