title: Overflow text in primeNg DataTabel cell
body: <p>I want to hide overflow text in a DataTable cell primeNg, but nothing seems to work.
  I didn't find anything on their documentation that could help me.</p>
  
  <pre><code>  &lt;p-dataTable #dataTable 
  tableStyleClass="defaultDataTable"
  [value]="rows | async"
  resizableColumns="false"
  reorderableColumns="true" 
  responsive="true"
  [rowHover]="true" 
  [(selection)]="selectedRows"
  [rowStyleClass]="getRowClass" 
  [loading] = "loading"
  (onRowClick)="onSelect($event)" 
  (onRowSelect)="onSelect($event)" 
  (onRowUnselect)="onSelect($event)"
  (onRowDblclick)="onRowDblclick($event)" 
  (onHeaderCheckboxToggle)="checkAll($event)"&gt;
  &lt;p-footer class="table-footer p-text-muted" *ngIf="showFooter"&gt;
    &lt;ng-container i18n&gt; {{footerText}}: {{dataTable?.dataToRender?.length || 0}} &lt;/ng-container&gt;
  &lt;/p-footer&gt;
  &lt;p-column *ngIf="hasCheckboxColumn == true" [field]="IsSelected" [header]="" selectionMode="multiple"
    onclick="checkAll($event)" [sortable]="false" &gt;&lt;/p-column&gt;
        &lt;p-column *ngFor="let column of columns" [field]="column.prop" [style] = "{width: '20%'}" [header]="column.name" [hidden]="!column.visible" [sortable]="isLockColumn(column.name) == false"  &gt;
            &lt;ng-template let-col let-row="rowData" pTemplate="body"&gt;
              &lt;div *ngIf="isValueBoolean(row[col.field]); else renderValue" align="center" title=" "&gt;
                &lt;md-checkbox [(ngModel)]="row[col.field]" (change)="lockColumnChecked($event, row)" style = "width:20%;text-overflow: ellipsis;" [disabled]="true"&gt;&lt;/md-checkbox&gt;
              &lt;/div&gt;
              &lt;ng-template #renderValue style = "width:20%;text-overflow: ellipsis;"&gt;&lt;span style = "width:20%;text-overflow: ellipsis;" [mdTooltip]="getTooltip(row, column)" mdTooltipPosition="before"&gt;{{row[col.field]}}&lt;/span&gt;&lt;/ng-template&gt;
            &lt;/ng-template&gt;
            &lt;ng-template *ngIf="isLockColumn(column.name)" pTemplate="header"&gt;
              &lt;div class="lock-header"&gt;
                &lt;md-checkbox [(ngModel)]="headerSelectClicked" (click)="changeStateOfRows(headerSelectClicked, rows, 'IsLocked')" class="lock-header-checkbox"&gt;&lt;/md-checkbox&gt;
                &lt;i class="fa fa-lock fa-1x" aria-hidden="true"&gt;&lt;/i&gt;
              &lt;/div&gt;
            &lt;/ng-template&gt;
          &lt;/p-column&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="https://i.stack.imgur.com/3djgv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3djgv.png" alt="enter image description here"></a></p>