The pinned column is not displayed in the ag-grid

[SergiiYurko]

What are you trying to do?

I'm trying to use ngx-scrollbar in ag-grid following the provided guide:

What troubleshooting steps have you tried?

I tried changing the externalViewport or externalContentWrapper values, but it didn't resolve the issue.

What are you seeing that does not match your expectations?

The last column (Column 5), pinned to the right, is not displayed.

Reproduction

Steps to reproduce:

1. Open the provided StackBlitz
2. Wait until the app is running
3. Scroll to the right in the table

Environment

• Angular: 18.2.13
• ngx-scrollbar: 16.1.1
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Linux

[SergiiYurko]

@MurhafSousli, Do you have any ideas about this?
I noticed that the 'ngx-scrollbar' library doesn’t seem to be fully integrated with ag-grid. Would it be possible to consider improvements in this area for a future version of the library?

[MurhafSousli]

I really don't know a solution. it might worth considering opening this on their Github repo, I cannot go through each 3rd party library implementation to figure out the issue with sticky positioning, there are use cases which are simply incompatible. but I think it is easier to figure out a solution if the library developer looked into it. Maybe it can be fixed by overriding CSS.