fix(data-grid): fix pinnable column cell width issue

ng-matero · Jul 18, 2020 · 7c3f1ca · 7c3f1ca
1 parent 925aa5a
commit 7c3f1ca
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/projects/demos/src/app/data-grid/data-grid.component.html b/projects/demos/src/app/data-grid/data-grid.component.html
@@ -5,7 +5,7 @@
 
 <p>
   <a mat-raised-button color="accent"
-     href="https://nzbin.gitbook.io/material-extensions/data-grid" target="_blank">API</a>
+     href="https://nzbin.gitbook.io/material-extensions/data-grid" target="_blank">API Reference</a>
 </p>
 
 <ng-container *ngIf="route.data | async as data">

diff --git a/projects/demos/src/app/data-grid/examples/row-selectable/app.component.html b/projects/demos/src/app/data-grid/examples/row-selectable/app.component.html
@@ -1,9 +1,9 @@
-<div class="mb-3">
+<div>
   <mat-checkbox [(ngModel)]="rowSelectable">Row selectable</mat-checkbox>
-  <mat-checkbox class="mx-3" [(ngModel)]="hideRowSelectionCheckbox">Hide checkbox</mat-checkbox>
+  <mat-checkbox [(ngModel)]="hideRowSelectionCheckbox">Hide checkbox</mat-checkbox>
   <mat-radio-group [(ngModel)]="multiSelectable">
     <mat-radio-button [value]="false">Single</mat-radio-button>
-    <mat-radio-button [value]="true" class="mx-3">Multiple</mat-radio-button>
+    <mat-radio-button [value]="true">Multiple</mat-radio-button>
   </mat-radio-group>
 </div>
 

diff --git a/projects/extensions/data-grid/grid.component.scss b/projects/extensions/data-grid/grid.component.scss
@@ -70,6 +70,7 @@
   .mat-cell {
     min-width: 80px;
     padding: 4px 10px;
+    box-sizing: border-box;
   }
 
   .mat-cell:first-of-type,