Angular Covalent Datatable行高拟合

时间:2018-07-06 09:27:45

标签: angular datatable

我有一个使用Teradata共价数据表的项目。但是我希望我的行高与列“名称”的长度相适应。如何更改行高设置为“适合”?

enter image description here

<td-data-table
      *ngIf="data && filteredData && filteredData?.length > 0"
      #dataTable
      [data]="filteredData"
      [columns]="columns"
      [selectable]="selectable"
      [clickable]="true"
      [multiple]="false"
      [sortable]="true"
      [(ngModel)]="selectedRows"
      [sortOrder]="sortOrder"
      (sortChange)="sort($event)"
      (rowClick)="rowClick($event)"
      [style.height.px]="600">
      <ng-template tdDataTableTemplate="Name" let-value="value" let-row="row" let-column="column">
          <div>
              {{value}}
          </div
      </ng-template>
</td-data-table>

在此示例中,操作正确。 https://stackblitz.com/edit/covalent-data-tables-toggle

1 个答案:

答案 0 :(得分:0)

发现这就是解决方案

table[td-data-table] .td-data-table-column-row, table[td-data-table] .td-data-table-row 
{
    height: auto;
}