This example repeats the row every 3 products. See: https://stackoverflow.com/questions/27211799/angular-ng-repeat-add-bootstrap-row-every-3-or-4-cols#answer-38857761 #angular #js

Angular: How to set rows to repeat every x number of items with ng-repeat.jade

.row.row-eq-height(ng-repeat='product in productsFiltered=(products | filter:{name: filterQuery} | orderBy: sortTerm)' ng-if='$index % 3 == 0')
  .col-xs-4(ng-repeat='i in [0, 1, 2]', ng-init='product = productsFiltered[$parent.$parent.$index + i]', ng-if='$parent.$index + i < productsFiltered.length')
    .panel.b.product-list-block.mb-sm
      .panel-heading
        span.product-type-icon
        div {{product.name}}
      table.product-list-block-table.mt-lg.mb-lg
        tbody
          tr
            th Price
            th Sub Products
          tr
            td ${{product.monthly_price}}
            td {{ product.children.length || "N/A"}}