Hide actions column in datagrid if there is no contextual actions

Signed-off-by: Presiana Dimitrova <[email protected]>
vmware-archive · Jun 13, 2023 · 7c7863f · 7c7863f
1 parent f96c981
commit 7c7863f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/projects/components/CHANGELOG.MD b/projects/components/CHANGELOG.MD
@@ -6,7 +6,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
-
+- Hide actions column in datagrid if there is no contextual actions
 ## [15.0.1-dev.3]
 
 ### Removed

diff --git a/projects/components/src/datagrid/datagrid.component.html b/projects/components/src/datagrid/datagrid.component.html
@@ -19,7 +19,7 @@ <h3 *ngIf="this.header" class="vcd-header">{{ header }}</h3>
     </clr-dg-action-bar>
 
     <clr-dg-column
-        *ngIf="shouldDisplayContextualActionsInRow"
+        *ngIf="shouldDisplayContextualActionsInRow && contextualActions?.length"
         [ngClass]="shouldDisplayContextualActionsInDropdpown ?  'dropdown-actions' : 'buttons-' + maxFeaturedActionsOnRow"
         >
         <ng-container *ngIf="!shouldDisplayContextualActionsInDropdpown"> 
@@ -55,7 +55,7 @@ <h3 *ngIf="this.header" class="vcd-header">{{ header }}</h3>
         [clrDgSelectable]="isRowSelectable(restItem)"
     >
         <clr-dg-cell
-            *ngIf="shouldDisplayContextualActionsInRow"
+            *ngIf="shouldDisplayContextualActionsInRow && contextualActions?.length"
             class="action-button-cell"
             [ngClass]="shouldDisplayContextualActionsInDropdpown ?  'dropdown-actions' : 'buttons-' + maxFeaturedActionsOnRow"
         >