In my current project, I am utilizing ng-repeat to display objects in rows. To achieve my desired functionality of only displaying elements present in the DOM, I decided to use a helpful plugin called angular-vs-repeat. However, I am facing an issue with unwanted space appearing between the rows. I am unsure of where this space is coming from and I need to remove it. If you have any insights or suggestions, please let me know.
<div vs-repeat class="repeater-container">
<div class="row" ng-repeat="column in invoice_records " ng-class-odd="'odd-row'">
<div class="col brd collapse-sm" ng-repeat="field in column.columns" ng-show="invoice_column_name[$index].checked && invoice_column_name[$index].fieldNameOrPath===field.fieldNameOrPath">{{field.value}}</div>
<div class="col col-10 text-center brd collapse-sm"></div>
</div>
</div>
You can view my code and see the issue in action here. For more information on the plugin I am using, visit this link.