Angular ui-Rasterheader gehackt

Question

Das ist, was ich habe:

Während Menü-Taste ein wenig höher als normal ist, Header in der Hälfte gehackt wird.

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, }; 

Knoten und Blattebene sind noch nicht definiert, nach this official tutorial jedoch unter Verwendung von dynamischen json Daten zu laden. Funktioniert, wenn alle Baum-bezogenen herausgenommen werden.

ui.grid.js = 3.2.9. Was fehlt mir hier?

Answer 1

Der Schlüssel ist showTreeExpandNoChildren, sollte falsch und nicht wahr (Standard) sein. Obwohl nicht dokumentiert,

showTreeExpandNoChildren: Standardwerte auf True. Zeigt das + -Zeichen, selbst wenn keine untergeordneten Elemente vorhanden sind, können Sie Kinder dynamisch laden. Wenn auf false gesetzt ist, wird es kein + geben, wenn keine Kinder vorhanden sind.

Here,