uigrid角度滚动问题

Question

这里发生了奇怪的事情。 我使用的是uigrid（不是我的第一个），它只在“画布”的一半上显示数据。

显示

当我滚动时，它将保留网格的空白部分并在数据侧滚动。

HTML：

            <div class="col-md-12" ng-controller="ctrl.Import">
<h4>Please drop a file into the 'Files' tab, then use the 'Data' tab to validate and upload.</h4>
<uib-tabset>
    <uib-tab heading="Files">
        ...select files here
    </uib-tab>
    <uib-tab heading="Data">
        <div class="tab-content">
            <h4 class="page-header mt0">Import file</h4>
            <div ui-grid="gridData"
                 ui-grid-resize-columns
                 ui-grid-selection>
            </div>
        </div>

脚本：

    $scope.gridData = {
        enableRowSelection: true,
        enableRowHeaderSelection: true,
        enableSorting: true,
        enableColumnMenus: false,
        multiSelect: false,
        modifierKeysToMultiSelect: false,
//      enableColumnResizing: true,
        noUnselect: true
    };

谢谢你的帮助！

Answer 1

我们有类似的问题，解决方法是根据网格内渲染的项目数来计算和定义网格高度。

或添加以下样式=“ {height：auto}”

<div ui-grid="gridData"
     ui-grid-resize-columns
     ui-grid-selection
     style="{height:auto}">
</div>