How to add perfect scrollbar to ag-grid

[priteshkale08]

const ps = new PerfectScrollbar('.ag-body-viewport-wrapper', { wheelSpeed: 2, wheelPropagation: true, minScrollbarLength: 20 });

I have use this code in app.module.ts , am using angular version 6

[tmt003-ho]

Thank you @gvodesigner, for ag-grid-react 20.0.0, the selector is '.ag-body-viewport'

[tmt003-ho]

And for horizontal scrollbar, just do

new PerfectScrollbar('.ag-body-horizontal-scroll-viewport');

[indersj-1]

@tmt003-ho perfect scrollbar is not working when my horizontal scroll bar had lots of records. eg: by default the number of columns will be 10 and the vertical scroll bar is working perfectly. and ag-grid provide the feature of adding dynamic columns which i can increase to 25 columns then my vertical scroll bar is not working . i am using below modules "perfect-scrollbar": "^1.3.0", "ag-grid": "^18.1.2", "ag-grid-angular": "20.0.0", "ag-grid-community": "20.0.0",

[tmt003-ho]

@indersj-1 Why are you using ag-grid and ag-grid-community? Just use ag-grid-community only. Also update your package, there are newer versions. Anyway, can you provide a codepen that demonstrate your problem?

[Prontsevich]

Hi! I have same issue in ag-grid when have 2 scrolls. Here is plunker demo.