Why it is appearing a number (usually Zero) at the last row of the datatables?

CeCkZNT

Every time the Tables is loaded a number, usually a Zero, appears what it seem a last row, and when I click on the table the number disappear
I have check with Google chrome Dev tools and I can see that this DIV appears:

<div class="dts_label">0</div>

and once i click on any part of the table, it changes to :

<div class="dts_label" style="display: none;">0</div>.

I understand the display:none, but why it is appearing in the first place?

this is my code

$("#TableScroll").DataTable( {
    scrollY: '500px',
    scroller: true,
    ordering: true,
    order: [],
    paging: true,
    dom: 't',
    bInfo: false,
});

I am using jquery-3.5.1.min.js, datatables.min.js (version 1.10.21) and dataTables.scroller.min.js (version 2.0.2)

Any help would be greatly appreciated

colin

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

allan

Are you loading the Scroller CSS? Although as Colin says, we’d really need a test case since our own examples aren’t showing that.

Allan

mionutm

I had the same issue. Allan's suggestion (adding the CSS "Scroller-2.0.2/css/scroller.dataTables.css") solved the problem.