Fix issue #581

[getuliojr]

Fix the problem of the ng-grid not showing when inside of a tab or a div that is hidden. The problem surged because of the class ng-hide that had an !important in its class. Fixed the problem by adding an important at the element when getting real width.

[getuliojr]

Only "Fix ng-grid not showing when on hidden elements …" (d7737b1) is needed to fix the issue. I guess I pr some itens more from the last time I contributed.

[AlJohri]

Thanks for doing this! Will test it out soon.

[AlJohri]

It seems to not be working for me. I have a div hidden using the ng-show directive.

browse.html

<div class="row" ng-show="currentFilter.topic">
    <div class="col-sm-7">
        <div class="gridStyle" ng-grid="gridOptions"></div>
        <p>{{status_bar}}</p>                     
    </div>
</div>

browser.js

  $scope.filterOptions = { filterText: '', useExternalFilter: true };
  $scope.pagingOptions = { pageSizes: [20], pageSize: 20, currentPage: 1 };
  $scope.sortInfo = { fields: ['date'], directions: ['asc'] };
  $scope.dateOptions = { changeYear: true, changeMonth: true, yearRange: '1900:-0' };
  $scope.mySelections = [];
  $scope.gridOptions = {
    data: 'speeches',
    columnDefs: [
      {field: 'speech_id', displayName: 'ID', width: '10%'},
      {field: 'title', displayName: 'Title', width: '61%'},
      {field: 'speaker_state', displayName: 'State', width: '7%'},
      {field: 'speaker_party', displayName: 'Party', width: '7%'},
      {field: 'date', displayName: 'Date', width: '15%'}
    ],
    enablePaging: true,
    pagingOptions: $scope.pagingOptions,
    filterOptions: $scope.filterOptions,
    totalServerItems: 'total',
    useExternalSorting: true,
    keepLastSelected: false,
    multiSelect: false,
    i18n: 'en',
    jqueryUITheme: false,
    sortInfo: $scope.sortInfo,
    showFooter: true,
    selectedItems: $scope.mySelections
  };

bower.json

    "ng-grid": "git://github.com/getuliojr/ng-grid.git#master",

[getuliojr]

I can take a look on your code next week, today I am working in a way for each row In ng-grid to have different heights to acommodate whole cell content. Kind bothers me To have fixed size rows. Might do a pull request today fixing it.

[roblarsen]

This is... a bit complex. Can you refocus your changes to just target the specific issue? I can't do anything with this many commits, many of which look unrelated.

Also, base any PRs on this issue on 2.0.8

[getuliojr]

Sorry, but i wasn't looking To make a PR because it is listed that it is not been accepted anymore. If will be a 2.08 I can reorganize it for 2.08 problems. Will be such a release ?

[AlJohri]

+1

@getuliojr did you get a chance to look at the HTML here?

[ackimwilliams]

This issue was not addressed. I am still experiencing it.