React-table: Hide empty rows.

[iampatilkishor]

include react table.
give some data. minimum pages should be 2 pages of data.
suppose records in data are 15.
pageSizeOptions=[10].
now in second page only 5 rows will show the data. remaining empty rows should not be rendered. they should be hidden and tables height should be reduced to fit only rendered rows.

[iampatilkishor]

this is how it looks. i want to hide those empty rows

[afoliveira]

minRows = {0}
This is a solution

[iampatilkishor]

Thanks @afoliveira it works

[OndeVai]

This seems like a bad default to me. I would think minRows={0} would be the default.

[tannerlinsley]

The idea behind a paginated table is to keep the UI predictable. Pagination buttons should not jump around. That is why the default minRows is set to the pageSize. Of course, you can change this if you don't like that, and that's the beauty of it!

[AfzalAhshan]

use emptyRowsWhenPaging: false, in options