Angular ui-grid header 切碎

Question

这是我得到的：

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

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 加载数据。如果取出所有 tree-related.

则有效

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

Answer 1

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

showTreeExpandNoChildren: defaults to true. Shows the + sign even if there are no children, allows you to dynamically load children. If set to false there'll be no + if there are no children.

Here,

Angular ui-grid header 切碎

Angular ui-grid header chopped

angularjs

angular-ui-grid