Support forum for ASP.NET Zero (https://aspnetzero.com/).
By zero@ulito.co.uk
#31530 Hi all,
we use MVC + angularjs 1.6.10 and ui-grid with subgrid. Subdata can have different count of rows.

vm.servicesGridOptions = {
expandableRowTemplate: '<div ui-grid="row.entity.subGridOptions" name="gridSubOption" ui-grid-resize-columns ui-grid-auto-fit-columns ui-grid-move-columns style="height:{{(row.entity.containersDtos.length * 30)}}px; border-top: 2px solid #64B445; border-right: none; border-bottom: none; width: 99%; overflow-y: hidden !important;" ></div>'

If we expand couple rows and scroll down, then displayed an empty space instead of data.
We spent a lot of time to fix this, but still without success.
Attachments
WhiteSpaceScroll3.png
WhiteSpaceScroll3.png (235.64 KiB) Viewed 465 times
WhiteSpaceScroll2.png
WhiteSpaceScroll2.png (262.11 KiB) Viewed 465 times
WhiteSpaceScroll1.png
WhiteSpaceScroll1.png (365.49 KiB) Viewed 465 times