diff --git a/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts b/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts
index b78a97c81c..844f1d9a87 100644
--- a/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts
+++ b/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts
@@ -11,12 +11,17 @@ export class EllipsisDirective implements AfterContentInit {
   @Input()
   title: string;
 
-  @HostBinding('class.abp-ellipsis')
+  @Input('abpEllipsisEnabled')
   enabled = true;
 
+  @HostBinding('class.abp-ellipsis')
+  get class() {
+    return this.enabled;
+  }
+
   @HostBinding('style.max-width')
   get maxWidth() {
-    return this.witdh || '180px';
+    return this.enabled ? this.witdh || '180px' : undefined;
   }
 
   constructor(private cdRef: ChangeDetectorRef, private elRef: ElementRef) {}