1

我在通过 Restangular 加载数据的角度页面上使用 UI-Grid 3.0 不稳定。到目前为止，大部分似乎都还可以。我正在使用选择模块，并且在加载 {enableFiltering: true} gridOptions 的页面时遇到困难，因为大多数页面都没有在网格上显示输入框。

我使用以下方法调用 html 页面上的 ui-grid：

<div class="gridStyle" ui-grid="gridOptions" ui-grid-selection></div>

我的控制器中的 gridOptions 看起来像这样。

 $scope.gridOptions = {
    enableFiltering: true,
    data: 'data',
    columnDefs: [
        {field: 'name', displayName: 'Name'},
        {field: 'date', displayName: 'Date', cellFilter: 'date:\'MM-dd-yyyy\''}
    ],
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
    }
};

老实说，我无法弄清楚为什么它没有出现在页面上。

4

2 回答 2

0

我不理解 100% 的问题，但我可以通过覆盖一些 css 来解决它。css 中的高度为 100%，我将它们更改为自动。

.ui-grid-header-cell{
    height:auto;
}

.ui-grid-cell-contents {
    height: auto;
}

我希望这会有所帮助。

于 2015-02-06T04:10:29.067 回答
0

这是一个糟糕的 hack，但我总是使用过滤器，所以我只是跟踪了高度错误的容器。我为此浪费了几个小时试图找出原因并使用所有建议的修复程序。容器原来有“ui-grid-header-canvas”类，所以我只是在网格本身调整大小后将高度设置为 54px。（在我设置数据之后）

 $(".ui-grid-header-canvas").css("height","54px")

对不起，但它有效，我有一个截止日期..

于 2017-05-24T22:29:15.613 回答