Question

我在我的应用程序中使用AngularJS ui-grid。我有一些表，例如50-100行，没关系。现在我想使用ui.grid.autoresize模块，它将动态调整网格（表格）的大小而不需要滚动。

我在这里使用Angular ui-grid dynamically calculate height of the grid的帮助我试图将ui-grid属性放在table标签中，也放在div标签中......但它现在正在工作。

您可以在下面查看我的示例。

控制器视图

<?php
function IncX(){
   static $x = 0;
    $x++;
    echo $x;
}
?>

<body>
<form>
<input type="submit" name="submit" class="next btn btn-primary" value="Submit" />
</form>
</body>

控制器

<div class="panel>
    <div class="panel-heading">{{someheading}}</div>
    <div class="panel-body">
        <table ui-grid="gridData" ui-grid-auto-resize ng-style="getHeightTable()">
            <thed>
               <tr>
                  <th>{{filename}}</th>
               </tr> 
            </thead>
            <tbody>
                <tr ng-repeat="file in uploadFiles">
                    <td>{{file.fileName}}</td>
                    <td>....</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Answer 1

试试这个......

angular.module('app',['ui_grid','ui.grid.autoResize']).controller('MainController',[$scope,uiGridConstants]){
    $scope.gridData = {
       roweight : 30,
       data:[]
     };

     //I am populating data with uploaded files
     $scope.gridData.data = $scope.uploadedFiles;
     var rowHeight = 30;
     var headerHeight = 30;
     var height = $scope.gridData.data.length * rowHeight + headerHeight + "px"
     $('.grid').css('height',height + ' !important');
}

并将类添加到表..

<table ui-grid="gridData" ui-grid-auto-resize class="grid">

将AngularJS ui-grid与表一起使用

1 个答案: