how to make row collapsible in angular js using ng-repeat?

I am using ng-repeat in my project .I am able to print my objects in row .Actually I want only display element present in dom so I used this plugin https://github.com/kamilkp/angular-vs-repeat My issue is that there is space between rows .I need to remove space between row.I don’t for where this space come . here is my code http://plnkr.co/edit/Gtdi7QjO2vdtfyF6BUCd?p=preview

 <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>

The space is coming due to fixed "top" property. If you change them, then the space between rows can be increased or decreased.

Edit: The actual problem was due to margin and padding. Added a new class to reset them.

"http://plnkr.co/edit/PqSmlAuAF25kFid8V7jW?p=preview" is the plnkr for the same.

.new-class{
  margin-top : 0px;
  padding-top : 0px;
  padding-bottom: 0px;
}

Here is the changed HTML:

<div class="row new-class" ng-repeat="column in invoice_records " ng-class-odd="'odd-row'">