ngx datatable垂直滚动,rowheight设置为auto

问题描述 投票:1回答:2

我在Angular应用程序中使用ngx-datatable。我想知道是否可以使用垂直滚动和自动行高。这意味着如果文本提供了tabel的单元格,变为big,则行的长度将被扩展。如果设置属性[rowHeight] =“'auto'”,这将非常有效。但是,当使用[scrollbarV] =“true”时,由于使用了虚拟滚动机制,rowheight必须是一个数字。有人有解决方法吗?

<ngx-datatable
    style="height: 700px;"
    class="material"
    [columnMode]="'flex'"
    [headerHeight]="50"
    [footerHeight]="40"
    [rowHeight]="'auto'"
    [scrollbarH]="true"
    [scrollbarV]="true"
    [rows]="data">
    <ngx-datatable-column name="test" [flexGrow]="1" [minWidth]="120" [maxWidth]= "120">
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row}}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="test" [flexGrow]="1" [minWidth]="80">
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row}}
      </ng-template>
    </ngx-datatable-column>
  </ngx-datatable>

github上存在一个未解决的问题,但提议的解决方案无效。 https://github.com/swimlane/ngx-datatable/issues/1292

html css angular ngx-datatable
2个回答
1
投票

对于未来的寻求者:

<ngx-datatable
    class='bootstrap material'
    style="height: 600px; overflow-y:visible"
    [columnMode]="'force'"
    [headerHeight]="50"
    [footerHeight]="50"
    [rowHeight]="'auto'"
    [limit]="20" >

0
投票

对我来说,以下也是有效的:

ngx-datatable {
  max-height: 70vh;
  overflow-y: scroll;
}
© www.soinside.com 2019 - 2024. All rights reserved.