ngx datatable垂直滚动,rowheight设置为auto
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ngx datatable垂直滚动,rowheight设置为auto相关的知识,希望对你有一定的参考价值。
我在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
答案
对于未来的寻求者:
<ngx-datatable
class='bootstrap material'
style="height: 600px; overflow-y:visible"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[limit]="20" >
另一答案
对我来说,以下也是有效的:
ngx-datatable {
max-height: 70vh;
overflow-y: scroll;
}
以上是关于ngx datatable垂直滚动,rowheight设置为auto的主要内容,如果未能解决你的问题,请参考以下文章