如何在 Angular 8 中使用 scrollbarV = True 显示页脚？

Question

我正在使用 ngx-datatable 来显示数据。我需要限制数据表的高度并显示垂直滚动条。下面是我的表配置

我尝试使用 scss 限制数据表的高度

     .ngx-datatable {
     height: 250px;
     overflow-y: auto;
     }

                <ngx-datatable 
                    class="bootstrap"
                    [rows]="rows"
                    [loadingIndicator]="loadingIndicator"
                    [columns]="columns" 
                    [columnMode]="'force'" 
                    [headerHeight]="5" 
                    [footerHeight]="20"
                    [rowHeight]="30"
                    [reorderable]="reorderable" 
                    [scrollbarH]="true"
                    [scrollbarV]="true" 
                    [selected]="selected"
                    [selectionType]="'single'" 
                    (activate)="onActivate($event)"
                    (select)="onSelect($event)"
                    >
                       <ngx-datatable-footer></ngx-datatable-footer>
                       <ngx-datatable-column name="Survey Name" 
                              style="vertical-align:middle;">
                          <ng-template let-row="row" 
                              ngx-datatable-cell-template>
                              {{row.company }}
                            </ng-template>
                          </ngx-datatable-column>
               </ngx-datatable>

我无法同时显示垂直滚动条和页脚。 我的页脚和网格中的最后一行根本没有显示

有人可以帮忙找出我哪里做错了吗

Answer 1

在 css 文件中，设置最小高度

ngx-datatable { 最小高度：200px； }

将 ScrollbarV 属性设置为“自动”[scrollbarV]="auto"