title: dirPagination - pagination not working when use tbody and dynamic rowspan?
body: <p>i try to use dirPagination with my design but it's not working - in my code i pass rowspan dynamically to group each month day's in one row to get final result as:</p>
  
  <p><a href="https://cloud.githubusercontent.com/assets/7356190/8421324/242770f8-1ecd-11e5-8f84-fb2f47bf79d1.png" rel="nofollow">https://cloud.githubusercontent.com/assets/7356190/8421324/242770f8-1ecd-11e5-8f84-fb2f47bf79d1.png</a></p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;div class="panel panel-default panel-hovered panel-stacked mb20"&gt;
  &lt;div class="panel-heading" style="font-size:15px;"&gt;عرض العملاء الغير جاهزين&lt;/div&gt;
  &lt;div class="panel-body" dir="rtl" ng-app="jqanim" ng-controller="InvoiceController"&gt;
      &lt;input type="text"
             class="form-control input-sm ng-pristine ng-valid ng-touched"
             placeholder="اكتب جزء من الاسم او المدينة او النوع او التاريخ ..."
             tabindex="0"
             aria-invalid="false"
             ng-model="searchText"&gt;
      &lt;br /&gt;
      &lt;br /&gt;
      &lt;table class="table table-bordered"&gt;
          &lt;thead&gt;
              &lt;tr class="text-center"&gt;
                  &lt;td&gt;الشهر&lt;/td&gt;
                  &lt;td&gt;العميل&lt;/td&gt;
                  &lt;td&gt;المدينة&lt;/td&gt;
                  &lt;td&gt;النوع&lt;/td&gt;
                  &lt;td&gt;التاريخ&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody dir-paginate="customer in customersByMonth | itemsPerPage: 2"&gt;
              &lt;tr ng-repeat='cust in customer | filter:searchText'&gt;
                  &lt;td ng-if="$first" rowspan="{{customer.length}}" class="text-center"&gt;
                      {{cust.MirageDate | date: 'yyyy-MM'}}
                  &lt;/td&gt;
                  &lt;td&gt;{{cust.CustomerName}}&lt;/td&gt;
                  &lt;td class="text-center"&gt;{{cust.City.CityName}}&lt;/td&gt;
                  &lt;td class="text-center"&gt;{{cust.Type.TypeName}}&lt;/td&gt;
                  &lt;td class="text-center"&gt;{{cust.MirageDate | date: 'yyyy-MM-dd'}}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;div class="text-center"&gt;
          &lt;dir-pagination-controls boundary-links="true" template-url="/dirPagination.tpl.html"&gt;&lt;/dir-pagination-controls&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>JS Code:</p>
  
  <pre><code>&lt;script&gt;
  var app = angular.module('jqanim', []);
  
  app.controller('InvoiceController', [
                     '$scope', '$http', function ($scope, $http) {
                         $http.get("/api/NoReady")
                             .success(function (data) {
                                 var dataByMonth = {};
                                 data.forEach(itemToMonth);
                                 $scope.customersByMonth = dataByMonth;
  
                                 function itemToMonth(item) {
                                     item.MirageDate = new Date(item.MirageDate)
                                     var month = item.MirageDate.getMonth();
                                     var year = item.MirageDate.getFullYear();
                                     dataByMonth[year + '-' + month] = dataByMonth[year + '-' + month] || [];
                                     dataByMonth[year + '-' + month].push(item);
                                 }
                             });
                     }
  ]);
  </code></pre>
  
  <p></p>
  
  <p>sample project on plnkr: <a href="http://plnkr.co/edit/hr9zj6WMW0G6oRWOxC63?p=preview" rel="nofollow">http://plnkr.co/edit/hr9zj6WMW0G6oRWOxC63?p=preview</a></p>
  
  <p>as you can see nothing happend - i just need to display 2 tbody in each page</p>