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

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

CeCkZNTCeCkZNT Posts: 1Questions: 1Answers: 0

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

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 9,532Questions: 0Answers: 1,577

    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

  • allanallan Posts: 52,498Questions: 1Answers: 8,012 Site admin

    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

  • mionutmmionutm Posts: 1Questions: 0Answers: 1
    Answer ✓

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

Sign In or Register to comment.