Ngx-datatable: [request] - Implement custom scrollbars

Created on 21 Dec 2017  路  6Comments  路  Source: swimlane/ngx-datatable

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[X ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior
When scrollbarV is set to true,
I can't implement a custom scrollbar (like ngx-perfectScrollbar)

Expected behavior
Want to control the theme (at least) of a scrollbar inside the table

Reproduction of the problem

What is the motivation / use case for changing the behavior?
A better looking scrollbar ?

Please tell us about your environment:
Windows 10...

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    any

  • Language: [all | TypeScript X.X | ES6/7 | ES5]
    any

Thank you !

Most helpful comment

i need this too

All 6 comments

I've been considering doing this for some time now. Its a big undertaking to make it perfect.

I would have to roll my own to make the integration tight so using something like ngx-perfectscrollbar is kinda a no go.

@amcdnl any new? )

i need this too

This would be an outstanding feature to have!

This would be great!

Would love this too!

PS: As a "temporary" workaround you can use this, for overlay-scrollbars, for example:

    ($('.datatable-body') as any).overlayScrollbars({
      callbacks: {
        onScroll: (ev) => {
          const el = $(ev.currentTarget), left = el.scrollLeft(), top = el.scrollTop();
          $('.datatable-header').scrollTop(top).scrollLeft(left);
        }
      }
    });
Was this page helpful?
0 / 5 - 0 ratings

Related issues

mmrath picture mmrath  路  3Comments

IngoManthey picture IngoManthey  路  3Comments

Csirme picture Csirme  路  3Comments

WA-WilliamKrieg picture WA-WilliamKrieg  路  3Comments

TakhirMamirov picture TakhirMamirov  路  3Comments