css 如何在8度角中显示滚动条V = True的页脚?

xpcnnkqh  于 2023-03-05  发布在  其他
关注(0)|答案(1)|浏览(187)

我正在使用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>

我无法同时显示垂直滚动条和页脚。我的页脚和网格中的最后一行根本不显示
有人能帮我找出哪里做错了吗

6psbrbz9

6psbrbz91#

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

ngx-datatable { min-height: 200px; }

将ScrollbarV属性设置为“auto”

[scrollbarV]="auto"

相关问题