如何根据数据调整角度数据表的高度

Question

I am facing an issue in adjusting the height of the datatable when the webservice is called to populate the same.

I have a page that contains a collapsible div and a datatable . When the I collapse the div, I calculate the height and resize the table using inline CSS. However, whenever I call the webservice to populate the data, the data table again shrinks back to a smaller size (the size it has in expanded state).

I want to know how to adjust the height of the datatable dynamically. I cant share much of the code here due to certain client constraints.

Here is how I assign the height

tableHght.css({ 'height': yLength + 'px', 'overflow': 'auto', 'width': '100%' });`

Answer 1

YOu can do so by using ng-class directive as follows:-

<div class="yourTable" ng-style="{ 'height': yourModelToProvideValue }">

in the controller

$scope.yourModelToProvideValue = "200px" ;

or simply

<div class="yourTable" ng-style="yourModelToProvideValue">

and in the controller

$scope.yourModelToProvideValue = "height : 200px" ;