Set row height then paging failed?

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?