Last row from table displays partial information in page and remaining in next page

[sharathm89]

Last row from table displays partial information in 1 page and other row details in next page.

Opening the website on different screen resolutions also matters. (Below screenshots are from 16 inch screen)

Here is the github repo link which demonstrates table row issue. (checkout the readme file)

Repo Link

Prepared some sample code in the above repo. Below are the direct links for js, css files.

Basic CSS for table styling CSS

Header, Footer required to reproduce the issue App.js

Table Display Table

Image 1

Image 2

Image 3

[sharathm89]

@PejmanNik this is the only issue which is blocking the report since the output doesn't look good.

Adding <td style={{ height: "70px" }}> works but if column content varies in different rows then its a issue since content length is unknown.

So height of each row might be dynamic.

Lmk if you need any other details.

[sharathm89]

Any update on this ticket...

[sharathm89]

@PejmanNik Sample code setup is done in codesandbox...

Check the end of each page where partial information is displayed and remaining in next page.

Please check the below link.

https://codesandbox.io/s/report-web-app-mm4l5l?file=/src/views/table/index.js

[PejmanNik]

Thank you, Yes I can reproduce the issue, it is in my plan to fix but I can't provide any ETA right now