Question

我在通过Restangular加载数据的角度页面上使用UI-Grid 3.0 unstable。到目前为止，大部分似乎都没问题。我正在使用选择模块，并且我正在加载{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;
    }
};

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

Answer 1

我不能100％理解这个问题，但我可以通过覆盖一些CSS来绕过它。 css的高度为100％，我将它们更改为自动。

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

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

我希望这会有所帮助。

Answer 2

这是一个糟糕的黑客，但我总是使用过滤器，所以我只是跟踪了错误高度的容器。我花了很多时间试图找到原因并使用所有建议的修复程序。容器结果是＆＃34; ui-grid-header-canvas＆＃34;，所以我只是在网格自己调整后将高度设置为54px。（在我设置数据之后）

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

很抱歉，但它确实有效，我有截止日期..

UI-Grid enablefiltering没有显示AngularJS页面的输入框

2 个答案: