ng-grid только первые 6 строк, отображаемых в MAC OS

Question

Я начинаю работать в Java-приложениях и Javascripts. Я попробовал решение, данное here.

Решение не работает в ОС MAC. Я вижу только 6 строк данных. Сетка не может быть скорректирована с учетом количества строк, возвращаемых запросом JSON. Вычисленная высота сетки в моем коде правильна и должна соответствовать всем строкам данных. Я попробовал онлайн пример кода, который использует данную ngGridFlexibleHeightPlugin и я вижу одну строку, когда я использую

< div class="gridStyle" ng-grid="gridOptions" ng-style="getHeight()"></div> 

(намеренное пробел после «< DIV» на этот пост).

Я использую Angular 1.3.x, Apache Tomcat 8.0.17 и MAC OS 10.10. Любые идеи были бы замечательными.

Answer 1

У меня была аналогичная проблема. Если ng-сетка имела более 50 строк, тогда она отображала только 6 строк. Если я уменьшил количество строк до 50 или меньше, удалив данные в файле JSON, он работал.

Я нашел virtualizationThreshold: 50 в ng-grid configuration options wiki. Переопределение значения по умолчанию virtualizationThreshold для большего значения показалось мне логичным (я тоже новичок). Итак, я установил его на 100 (то есть virtualizationThreshold: 100), и он начал отображать все строки (около 60) - my sample here ,

Answer 2

Следующие изменения в файле CSS помогли решить эту проблему.

/*style.css*/ 


.gridStyle { 
border: 1px solid rgb(212,212,212); 
height: auto !important; 
width: 100%; 
min-height: 600px !important; 
} 

.ngViewport{ 
height: auto !important; 
width: 400px; 
min-height: 600px !important; 
} 

.ng-scope { 
height: auto !important; 
} 

.ngCell { 
    display : table-cell; 
    height: auto !important; 
    overflow:visible; 
    position: static; 
} 

.ngRow { 
    display : table-row; 
    height: auto !important; 
    position: static; 
} 

.ngCellText{ 
    height: auto !important; 
    white-space: normal; 
    overflow:visible; 
}