blasphemy | a different Lorem Ipsum generator | Generator Utils library

I have a List with CustomListItems and each CustomListItem has different amounts of Files stored within them. When I try to sort and filter the list items:

• The Sort functionality fails by:

Before & After Sort:

In the After Sort screenshot, the topmost row shouldn't have that much whitespace and the 2nd topmost row has the same amount of whitespace as the before photo (which it shouldn't). It's like the rows have phantom controls in them that haven't been moved by the sort. Furthermore, the original topmost row with the 10files now appears as a row with only 1 file (not pictured here) --which is how many white spaces were assigned to the original bottom row entry. Why is it doing this and how can I resolve it?

When I Inspect Element on the whitespace, there are invisible controls there..

• The Filter functionality also is blowing my brains out. When I filter by a criteria that causes first entry (the one with the 10 files) to not appear, then I filter by a criteria that makes it appear again - this results:

As seen here, all my 10 files that were dynamically instantiated are gone! Blasphemy! How can I resolve these glaring issues?

Background: Before dynamically instantiating the Icon+Link controls for each File, I had set 10 of them in the View. But the data would return empty rows that left excessive white space. Not only that, when I would Sort/Filter those rows, the same issue would happen here...I'm out of ideas of how to make Sort/Filter work with non-uniform-sized CustomListItems

My Code: