Base solution for your next web application
Open Closed

Scrolling the expandable ui-grid shows an empty space #5519


User avatar
0
[email protected] created

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.


1 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    I remember a similar issue but couldn't find it on the forum. You can try this <a class="postlink" href="https://stackoverflow.com/questions/27837335/angular-ui-grid-dynamically-calculate-height-of-the-grid">https://stackoverflow.com/questions/278 ... f-the-grid</a>