Unnecessary scrollbar when scrollCollapse is true about scroller HOT 17 OPEN

I'm with you now. Thanks! This is the issue without a BS card.

I'll look into this before the next release of Scroller.

from scroller.

It looks okay to me in Chrome Linux.

You are loading Bootstrap4 styling for DataTables core, but DataTables styling for Scroller, rather than the BS4 styling. Is that intentional? I'd suggest using the download builder to make sure you get all the files needed for whatever styling you choose.

from scroller.

I've used CDN links from https://datatables.net/download/

`

The problem is still not solved.
https://jsfiddle.net/5upzckoy/

from scroller.

from scroller.

I'm not seeing the issue?

from scroller.

from scroller.

from scroller.

Is there anyway to go around this? I have the same problem even though my scrollY is the same height of the viewport and there is still plenty of space left.

from scroller.

That looks like it might be a different issue. How have you set the height of the DataTables viewport?

from scroller.

The problem persists even if try with a large, more than necessary, manual value. I removed all custom CSS's that could be messing with the heigth.

from scroller.

Other example, only 3 rows, using 90vh. The white box that contains the table is not restricting the size. I tried to removed it, same outcome.

from scroller.

Hi.
Do you have any news about this issue?

from scroller.

This issue will be updated when I've had a chance to look into it.

from scroller.

Hi,
Is there an update to this issue? Still seeing this with Scroller 2.0.5 and Datatables 1.11.3

Thank you

from scroller.

No sorry - I haven't looked into it yet. If anyone can spare some time to look at a fix for it, that would be most welcome otherwise I'll look at it when I can.

from scroller.

Still an issue. Could not find a workaround besides disabling scrollCollapse.

from scroller.

Hello,
When you fire the draw event, it's ok (try to order one column).
It seems this bug appears at the first draw only.

I know this code should be improved, but it works (scrollY to 50vh) :

... some config... ,
initComplete: function (settings) {
    // calculate the dataTables_scrollBody height
    let height = document.querySelector("div.dataTables_scrollBody").offsetHeight;
    // transform this px value to vh
    let vhHeight = (100 * height / window.innerHeight);
    
    // Get the scrollY value
    let maxVhHeight = settings.oScroll.sY;
    
    if (vhHeight < parseInt(maxVhHeight) && settings.iDraw === 1) {
        this.api().draw();
    }
}

If someone has a better idea, i'm interested in !

from scroller.