如何将ngx-perfect滚动条应用于ag网格

我一直在试图将ngx-perfect-scrollbar应用于ag-grid。我可以单独工作，但我想用完美的滚动条来完全替换我的数据表中的默认滚动条。如何将ngx-perfect滚动条应用于ag网格

我已经建立了我的模块按their instructions：

import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar'; 
import { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar'; 

const PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = { 
    suppressScrollX: true 
}; 

@NgModule({ 
    declarations: [ 

    ], 
    imports: [ 
    PerfectScrollbarModule.forRoot(PERFECT_SCROLLBAR_CONFIG) 
    ] 
})

，并在我的模板：

<perfect-scrollbar class="psc"> 
    <ag-grid-angular #agGrid style="width:100%;height:100%" class="ag-dark" 
        [gridOptions]="gridOptions" 
        [rowData]="rowData"> 
    </ag-grid-angular> 
</perfect-scrollbar>

这只会导致新的自定义滚动条出现的外部因素，包括数据网格与标准工具栏。我需要将这两个指令都应用于我猜想的相同元素，但我失去了如何执行此操作。

我还试图this approach，采用标准（非角度的）完美-滚动条包，并试图当组件被加载到其绑定到正确.ag-body-viewport元件：

import perfectScrollbar from 'perfectScrollbar'; 

this.viewport = this.$element.find('.ag-body-viewport')[0]; 
perfectScrollbar.initialize(this.viewport);

但我不能不要让它工作;我刚刚得到“无默认导出”错误...

任何指针赞赏。由于

来源

2017-07-15 Inigo

尝试导入完美的滚动条是这样的：

import * as perfectScrollbar from 'perfect-scrollbar';

那么你就可以perfectScrollbar.initialize（）和perfectScrollbar.update（）去;

来源

2017-08-03 18:01:03 mkolev

如何将ngx-perfect滚动条应用于ag网格

回答

相关问题