Grid area becomes smaller and smaller when adding rows

[Dietfrid Mali]

I have implemented a grid I can add rows to with the click of a button. The first row looks fine, but the more rows I add, the more a height difference accumulates between the sum of the row heights and the grid height (see screenshot). How can I fix that please?

The following style is applied to my grid to make the rows high enough for the combobox:

    .e-grid .e-rowcell { line-height: 30px;  }

[Monisha Saravanan]

Hi Dietfrid Mali, 

Greetings from Syncfusion support. 

We would like to inform when sum of row height exceeds the Grid height then the scrollbar will appear and we can scroll down to see the entire records. If we set Height in pixels then the Grid will maintain it as a default height. If you want to render all rows into current view  then you can define Grid Height as 100%. 

If you still face the reported issue or if we misunderstood your query then kindly share the below details to validate further from our side. 

1. Share the grid code snippet.
2. Share us more information regarding your query.
3. Share us the video demonstration of the issue.
4. If possible share us an simple issue reproduceable sample.

 

The above-requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible. 

Regards, 

Monisha