title: How to split data into multiple columns of ngtable?
body: <p>I have 1000+ data and I need to place it in a ngTable but instead of 1 column I need to split this data into multiple columns, say 2, with filters and pagination after 20 items. Is it possible with ngTable?</p>
  
  <p>For example: I have 100 items. On 1st page I will have <strong>1st 20 items on 1st column</strong> and <strong>2nd 20 items in 2nd column</strong>.</p>
  
  <p>Below is my template</p>
  
  <pre><code>&lt;div class="col-md-12"&gt;
      &lt;form role="search" class="navbar-form navbar-left"&gt;
          &lt;div class="form-group"&gt;
              &lt;input type="text" placeholder="Search" class="form-control search-inputbox" ng-model="namingConventionSearchText" /&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  &lt;table class="table" ng-table="namingConventionParams"&gt;
      &lt;tr ng-repeat="item in items.instanceData | filter:namingConventionSearchText"&gt;
          &lt;td style="word-break:break-all"&gt;{{item}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Controller code</p>
  
  <pre><code>$scope.items = {
    "title": "Task",
    "instanceData": ["MOD_INT_REPL_INTERFACE_OBJ_DLY", "MOD_INT_REPL_INTERFACE_OBJ_DLY_test", "Test_By_Justin", "ENG_ATTACHMENT", "ENG_CONV_Z_SFDC_US_PM_PATIENT_CASE_TO_SFDC_PATIENT_CASE_INSERT", "ENG_CONV_Z_SFDC_US_PM_PATIENT_PRODUCT_TO_SFDC_PATIENT_PRODUCT_INSERT", "US_SYNC_ODS2ATHENS_ADDR_ATHENSID", "test", " US_VEVA_2_ODS_REPL_Customer_Maintenance", " US_VEVA_2_ODS_REPL_USER_TERR", "AAAA", "AAATEST5", "ACCT_VIS_ZIP_TO_TERR_FLTR", "ADDRESS_MERGE_PROC_TEST", "AGGSPEND_ODStoFF _WKLY", "ARA_USER_TERR", "Account_StgtoODS_Account", "Account_StgtoODS_Account_Old", "Account_edit", "ActivityLog", "Address_STGtoODS_Address", "Address_STGtoODS_Address_Old", "Affiliation_CMtoATHENS_STGtoODS", "BAV_ACCT_TERR_LOAD_DELTA", "BAV_BUS_ACNT_ALIGN", "BAV_REP_ALIGN", "BAV_UPDATE_TSF", "CALL2_SAMPLE replication inMIG", "CALL_OUTBOUND_DELETE", "CA_CIRCULO_INTERFACE_REPL_OBJ", "CA_CIRCULO_REPL_ACCOUNT", "CA_CIRCULO_REPL_ADDRESS", "CA_CIRCULO_REPL_CALL", "CA_CIRCULO_REPL_CALLSAMPLE", "CA_CIRCULO_REPL_PRODUCTCATALOG", "CA_CIRCULO_REPL_USER", "CEG_ACCOUNT_UPDATE", "CEG_ACCOUNT_UPDATE1", "CI_Agra_Samples_FF_STG", "CM_US_REPLtoFF_ACCOUNT", "CM_US_REPLtoFF_ADDRESS", "CM_US_REPLtoFF_CHILD_ACCOUNT", "CM_US_REPLtoFF_CHILD_ACCOUNT_Test", "CUSTOM_INTEGRATION_TEST", "Agra_Account_Merge_Id", "Agra_Samples_FF_to_STG1", "Agra_Samples_Product_OB", "Agra_Samples_STG1_to_STG2", "Agra_Samples_User_OB", "Consent", "Corp_BI_NZ_OR", "Corp_BI_SYC_ORA_NTZ", "CyclePlan", "CyclePlan Detail"]
  };
  
      $scope.namingConventionParams = new ngTableParams({
      page: 1, // show first page
      count: 10
  }, {
      defaultSort: "asc",
      total: $scope.items.instanceData.length, // length of data
      counts: [],
      getData: function($defer, params) {
          var orderedData = params.sorting() ? $filter('orderBy')($scope.items.instanceData, params.orderBy()) : $scope.items.instanceData;
          orderedData = params.filter() ? $filter('filter')(orderedData, params.filter()) : orderedData;
          $scope.task_data = orderedData;
          $scope.task_data = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count());
          params.total(orderedData.length);
          $defer.resolve($scope.task_data);
      }
  });
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <p>Here is my <a href="http://plnkr.co/edit/Mc1OD4VzXbEXqN3mI2dV?p=preview" rel="nofollow">plunker link</a>. </p>