title: ui-grid inside tab is displayed without columns
body: <p>I'm implementing a tab with an ui-grid that no show column from 5-th one.
  In the firsst application load the grid is showed pretty well, but if I press F5, Ctrl-F5 the grid doesnt show the columns, as shown on images.</p>
  
  <p><b>I check the generated HTML and the content for hiden columns wasn't generated.</b>
  <b> If I put the ui-grid outside tab always it's shown as expected</b></p>
  
  <p>First Upload
  <a href="https://i.stack.imgur.com/xFN7a.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xFN7a.jpg" alt="First Load"></a>
  
  <br/></p>
  
  <p>After F5 or Ctrl+F5
  <a href="https://i.stack.imgur.com/gHK1O.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gHK1O.jpg" alt="After F5 or CtrlF5"></a>
  
  <br/></p>
  
  <p>Can see in menu that all columns are marked as shown
  <a href="https://i.stack.imgur.com/W3QJf.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W3QJf.jpg" alt="Can see in menu that all columns are marked as shown"></a>
  </p>
  
  <p><br/>
  Hidding a column refresh the ui-grid
  <a href="https://i.stack.imgur.com/9tBCo.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9tBCo.jpg" alt="Hidding a column refresh the ui-grid"></a>
  
  <br/>
  Outside tabs always works
  <a href="https://i.stack.imgur.com/p9Ooj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p9Ooj.jpg" alt="Outside tab always works"></a>
  </p>
  
  <p>Reduced web code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>    Service.prototype.getColumns = function () {
          return [
                          { field: 'branch_Name', displayName: commons.translate('branch_externalform_field_name_label'), enableCellEdit: false },
                          { field: 'productPackageProduct_Product_Name', width: '300', displayName: commons.translate('product_externalform_field_name_label'), enableCellEdit: false },
                          { field: 'productPackageProduct_ProductPackage_Name', displayName: commons.translate('productpackage_externalform_field_name_label'), enableCellEdit: false },
                          { field: 'measureUnit_Name', displayName: commons.translate('measureunit_externalform_field_name_label'), enableCellEdit: false },
                          { field: 'quantity', displayName: commons.translate('stock_selfform_field_quantity_label'), enableCellEdit: false },
                          { field: 'price', displayName: commons.translate('stock_selfform_field_price_label'), enableCellEdit: false },
                          { field: 'createdDate', cellFilter: 'date', displayName: commons.translate('stock_selfform_field_createddate_label'), enableCellEdit: false },
                          { field: 'buyerOfferCount', width: '60', displayName: commons.translate('buyeroffer_entity_name_pluralsimple'), enableCellEdit: false, enableSorting: false },
                          {
                              field: 'myCurrentBuyerOffer.unitaryPrice', width: '90', displayName: commons.translate('buyeroffer_html_fromstock_unitaryprice_label'), enableCellEdit: true, enableCellEditOnFocus: true, enableSorting: false,
                              editableCellTemplate: "&lt;div class=\"bg-warning\"&gt;&lt;form name=\"inputForm\"&gt;&lt;input type=\"number\" ng-class=\"'colt' + col.uid\" ui-grid-editor ng-model=\"MODEL_COL_FIELD\"  data-ng-model-options=\"{allowInvalid:true}\" data-z-float step=\"0.01\" min=\"0.01\" max=\"{{row.entity.price}}\" ng-pattern=\"/^[0-9]+(\.[0-9]{1,2})?$/\"&gt;&lt;/form&gt;&lt;/div&gt;",
                          },
                          {
                              field: 'myCurrentBuyerOffer.quantity', width: '90', displayName: commons.translate('buyeroffer_html_fromstock_quantity_label'), enableCellEdit: true, enableCellEditOnFocus: true, enableSorting: false,
                              editableCellTemplate: "&lt;div class=\"bg-warning\"&gt;&lt;form name=\"inputForm\"&gt;&lt;input type=\"number\" ng-class=\"'colt' + col.uid\" ui-grid-editor ng-model=\"MODEL_COL_FIELD\"  data-ng-model-options=\"{allowInvalid:true}\" data-z-float step=\"1\" min=\"0\" max=\"{{row.entity.quantity}}\"&gt;&lt;/form&gt;&lt;/div&gt;",
                          },
                          { field: 'id', displayName: '', width: '100', rezisable: false, enableColumnMenu: false, enableSorting: false, enableCellEdit: false, enableCellEditOnFocus: false, enableFocus: false, cellTemplate: '&lt;div class="text-center"&gt;&lt;button class="btn btn-xs" ng-disabled=\"!grid.appScope.stockToOfferLogic.listConfiguration.buyerOfferReadyToSave(row.entity.myCurrentBuyerOffer)\" ng-class="{\'btn-success\': row.entity.myCurrentBuyerOffer.changed, \'btn-default\': !row.entity.myCurrentBuyerOffer.changed}" ng-click="grid.appScope.stockToOfferLogic.listConfiguration.saveNewOfferFromStock(row.entity.myCurrentBuyerOffer)"&gt;&lt;i class="fa fa-save"&gt;&lt;/i&gt;&lt;/button&gt;&lt;button class="btn  btn-xs" ng-if="grid.appScope.stockToOfferLogic.listConfiguration.showBuyerOfferRefreshButton(row.entity.myCurrentBuyerOffer)" ng-disabled=\"!grid.appScope.stockToOfferLogic.listConfiguration.buyerOfferCanRefresh(row.entity.myCurrentBuyerOffer)\" ng-class="{\'btn-danger\': row.entity.myCurrentBuyerOffer.changed, \'btn-default\': !row.entity.myCurrentBuyerOffer.changed}" ng-click="grid.appScope.stockToOfferLogic.listConfiguration.refreshBuyerOffer(row.entity.myCurrentBuyerOffer)"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt;&lt;/button&gt;&lt;button class="btn btn-xs btn-success" ng-if="grid.appScope.stockToOfferLogic.listConfiguration.showBuyerOfferImplicationButton(row.entity.myCurrentBuyerOffer)" ng-click="grid.appScope.stockToOfferLogic.listConfiguration.acceptBuyerOffer(row.entity.myCurrentBuyerOffer.id)"&gt;&lt;i class="fa fa-thumbs-o-up"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;' },
          ];
      };</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;ul class="nav nav-tabs nav-tabs-ar"&gt;
          &lt;li class="pointer" ng-class="{'active': filters.activeSection == 'buyer'}"&gt;&lt;a data-target="#buyer" data-toggle="tab" ng-click="filters.activeSection = 'buyer'" translate="traderole_html_buyer_label"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;!-- Tab panes --&gt;
      &lt;div class="tab-content"&gt;
          &lt;div class="tab-pane" id="buyer" ng-class="{'active': filters.activeSection == 'buyer'}"&gt;
              &lt;div class="panel panel-default"&gt;
                  &lt;div class="panel-heading"&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-body"&gt;
                      &lt;div ng-if="filters.activeSection == 'buyer'" class="gridStyle" external-scopes="states" ui-grid="stockToOfferLogic.listConfiguration.gridOptions" ui-grid-pagination ui-grid-edit ui-grid-cellnav custom-ui-grid-scroll&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;h3&gt;&lt;/h3&gt;
          &lt;/div&gt;
       &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>