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


  • colincolin Posts: 12,877Questions: 0Answers: 2,198

    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.



  • allanallan Posts: 54,881Questions: 1Answers: 8,601 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.


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