Ngx-datatable: ngx-perfect-scrollbar or ngx-malihu-scrollbar implementation only for ngx-datatable-body tag

Created on 24 Jun 2019  路  1Comment  路  Source: swimlane/ngx-datatable








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

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

Current behavior

I want to customize the [scrollbarH] option with [perfectScrollbar] or malihu-scrollbar,
Study case:

  1. ngx-datatable - scrollbar is coming properly, where as footer is getting inside the scroll-content. EX:

image

  1. ngx-datatable-body - scrollbar is coming with no content


    .....
    .....

    ....

image

Expected behavior

I need this same scrollbar should be implemented for just header & body section of ngx-datatable.

Reproduction of the problem

What is the motivation / use case for changing the behavior?

I want to customize the horizontal scrollbar by using the third party library like ngx-malihu-scrollbar.
For ngx-datatable the scrollbar looks awesome & perfect.
For ngx-datatable-body the scrollbar is coming up but no data is displaying.

Can you please let me know how to implement the scrollbar only for ngx-datatable-body?

Please tell us about your environment:

windows-10

  • Table version:

    "@swimlane/ngx-datatable": "^15.0.2",

  • Angular version:

    Angular CLI: 7.0.7
    Node: 10.16.0
    OS: win32 x64
    Angular: 7.0.4

  • 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 ]

    All recommended browsers.

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

Most helpful comment

Hi guys, any plans to support some nicer scroll bars on ngx-datatable?

>All comments

Hi guys, any plans to support some nicer scroll bars on ngx-datatable?

Was this page helpful?
0 / 5 - 0 ratings