title: Select All check box in DTOptionsBuilder
body: <p>I use angularjs and DTOptionsBuilder to show grid table.
  I create a Select All check box for the first column (this column show a check box at each row.)</p>
  
  <p>This is HTML source code:</p>
  
  <pre><code>&lt;table dt-column-defs="dtColumnDefs" datatable="ng" dt-options="dtOptions" class="table table-bordered table-hover table-res" id="dataTables-res"&gt;
  
  &lt;thead&gt;
  &lt;tr &gt;
  &lt;th style="width: 15px;"&gt;
  &lt;input type="checkbox" ng-click="checkAllRes()" ng-model="selectedAllRes['checked']" &gt;
  &lt;th &gt;
  ...
  &lt;th &gt;
  &lt;th translate="TABLE_RE.COMMENTS"&gt;Comments&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p>Source code in control:</p>
  
  <pre><code>    $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('order', [1 ,"desc"]).withOption('processing', true).withPaginationType('full_numbers');
  
      $scope.checkAllRes =  function()
      {
      var selectObject  = {};
       if ($scope.selectedAllRes['checked']) {
         angular.forEach($scope.res, function (item) {
               selectObject[item.resId] = true
          });
       }
       $scope.selectedRes =  selectObject ;
      };
  </code></pre>
  
  <p>My problem is:
  When I click Select All check box, all row on all pages are checked.
  I want: </p>
  
  <ul>
  <li>Only rows on current page are checked. And, when I click on other page, Select All check box become unchecked. </li>
  <li>When I click old page that I checked Select All check box before, I see all row on this page are checked and Select All check box is checked. (To sum up, I like it work the same as on Google Mail pages.) </li>
  </ul>
  
  <p>Thanks for any help!</p>