Teradata共价数据表行溢出

Question

我正在编写angular 5应用程序，我使用的是Teradata组件，但是我遇到了DataTable的问题。

这是我桌子的照片：

我想在＆＃34; ...＆＃34;的一行上有说明栏。最后，但设置 td-data-table-cell 无法正常工作。

.td-data-table-cell {
    text-overflow: ellipsis;
}

任何人都知道如何解决这个问题？

SOLUTION：

好的，所以我找到了解决方案，也许它会帮助某人

  <td-data-table
    #dataTable
    [data]="filteredData"
    [columns]="columns"
    [selectable]="true"
    [clickable]="true"
    [multiple]="true"
    [sortable]="true"
    [sortBy]="sortBy"
    [(ngModel)]="selectedRows"
    [sortOrder]="sortOrder"
    (sortChange)="sort($event)"
    (rowClick)="showAlert($event)"
    [style.height.px]="560"
    [style.minheight.px]="100">
      <ng-template tdDataTableTemplate="description" let-value="value" let-row="row" let-column="column">
        <p matTooltip="{{ row[column ]}}">{{ row[column] }}</p>
      </ng-template>
      <ng-template tdDataTableTemplate="vendorName" let-value="value">
        <p matTooltip="{{ value }}">{{ value }}</p>
      </ng-template>
      <ng-template tdDataTableTemplate="buttons" let-value="value">
        <button mat-button color="primary" color="primary" >text</button>
      </ng-template>
  </td-data-table>

使用 ng-template ，您可以设置特定列的样式。

和css

p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Answer 1

当你必须操纵共价组件css类的样式时（我相信它也适用于角度材料）你需要在类名之前添加/ deep / keyword。这样它就不会忽略你设置的样式。 喜欢这个

  

/ deep / .td-data-table-cell {text-overflow：ellipsis; }

此外，如果它在/ deep上显示错误/只是忽略它并运行它。它运行得很好。