Set row height then paging failed?

Kokomi_Shiina_t

As title. I want to make my table show 10 rows each page, and heights of each row are same.

var dt=$("#tblData").DataTable({
    scrollY : "calc(100% - 100px)"
    ,scroller:{
        rowHeight:55;
    }
    ,paging: true
});

I had 14 rows to show,and if I set my DataTable as above,all of them have same row height, but all of them shown inside a page. But if I use the settings below, I can see my result into 2 pages but 4 rows in 2nd page has more row height.

var dt=$("#tblData").DataTable({
    scrollY : "calc(100% - 100px)"
    ,paging: true
});

How could I have paging effect and make same row heights for each row?

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

Kokomi_Shiina_t

Test case? Like this: https://codepen.io/MikiHoshitsuki437SH/pen/OJVVPQO

colin

Thanks. That example doesn't work, there are console errors about missing Moment.js. Could you take a look please, as we need to see the problem you're describing.

Colin

Kokomi_Shiina_t

I Added that JS in my test case but see nothing changed at the result area.

colin

How could I have paging effect and make same row heights for each row?

I really don't understand the issue, as that is the standard behaviour. We really need to see a test case that demonstrates the issue.

Colin