问题
I am using ngx-datatable inside my Angular application. I was wondering if it is possible to use vertical scrolling together with automatic row height. This means that if the text insde a cell of the tabel, becomes to big, the length of the row will be expanded. This works perfect if setting the attribute [rowHeight]="'auto'". However, when using [scrollbarV]="true" the rowheight has to be a number because of the virtual scroll mechanisme used. Does anyone have a workaround to this?
<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>
There is an open issue on github, but the proposed solutions do no work. https://github.com/swimlane/ngx-datatable/issues/1292
回答1:
For future seekers:
<ngx-datatable
class='bootstrap material'
style="height: 600px; overflow-y:visible"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[limit]="20" >
回答2:
For me the following is also working:
ngx-datatable {
max-height: 70vh;
overflow-y: scroll;
}
来源:https://stackoverflow.com/questions/53118910/ngx-datatable-vertical-scroll-with-rowheight-set-to-auto