угловая высота сетки сетки ui-сетки

Question

Я использую угловую ui-сетку. Я хотел бы установить высоту содержимого сетки или количество видимых строк. В идеале я бы хотел, чтобы это было динамически настроено на основе размера окна, но на данный момент оно решится на жесткое кодирование. Все сетки в ui-grid tutorial, по-видимому, имеют одну и ту же высоту/столбцы, поэтому я не уверен, что это возможно через API-интерфейсы UI.

Answer 1

Вы

gridOptions.minRowsToShow . 

вы можете установить на длину ваших данных. вы можете установить высоту ряда с помощью

gridOptions.rowHeight 

Вы можете установить высоту контейнера с помощью css.

.grid { 
width: 500px; 
height: 250px; 
} 

так что вы можете вычислить высоту в пикселях

$scope.gridheight=(data.length+1) *rowHeight      ** 

в контроллере и установить со стилем атрибут высота CSS.

style="height: {{gridheight}} px;" //for the container with element with ui-grid 

или

ng-style="{'height':gridheight+'px'}" 

** data.length + 1 из строки метки.