切碎的角度 ui-grid 标题答案

【问题标题】：Angular ui-grid header chopped切碎的角度 ui-grid 标题
【发布时间】：2017-02-18 06:19:40
【问题描述】：

这是我得到的：

虽然菜单按钮比正常高一点，但标题被切成两半。

HTML：

<style type="text/css">
        .TreeCCS {width: 900px; height: 250px;}
    </style>
<div ng-controller="ctrlMyTree">
            <br />ANGULAR
            <div id="afad" ui-grid="grdMyTree" ui-grid-tree-view class="TreeCCS">
            </div>
        </div>

.js:

var aIS = angular.module("app", ["ui.grid", "ui.grid.treeView"]);
aIS.controller("ctrlMyTree", function ($scope, $http)
{
    $scope.grdMyTree= { enableGridMenu: true, showTreeExpandNoChildren: true, enableTreeView: true, };

节点和叶级别尚未定义，遵循this official tutorial，但使用动态 json 加载数据。如果取出所有与树相关的内容，则有效。

ui.grid.js = 3.2.9。我在这里错过了什么？

【问题讨论】：

Plunker

标签： angularjs angular-ui-grid

【解决方案1】：

关键是showTreeExpandNoChildren，应该是false而不是true（默认）。虽然没有记录，

showTreeExpandNoChildren：默认为 true。显示 + 号，即使没有孩子，允许您动态加载孩子。如果设置如果没有孩子，则为 false 将没有 +。

Here,

【讨论】：