Javascript AngularNG网格中的可折叠行无法正确渲染

我有一个ng网格，需要使用一个单独的按钮来实现行的可折叠性。渲染后，我可以看到按钮功能正常工作，*但预期的UI更改在行中添加新行不起作用。虽然可以在chrome开发工具元素搜索中找到带有的行段落，但它不会出现在我的UI中

自定义按钮模板：-

$scope.expandingButton = '<div ng-controller="MyCtrl"><button ng-show="expandOperator" ng-click="changeOperator(flase)">-</button><button ng-show="!expandOperator"  ng-click="changeOperator(true)">+</button></td><div ng-show="expandOperator "><div ng-init="projects=[{name:SMSSPM,tr:TR},{name:SMSSPM,tr:TR}]"><p ng-repeat="project in projects">Expandability! Its awesome</p></div></div></div>'

gridOptions中的列定义：-

*我可以在表格的最后一行看到预期结果

---

这令人困惑。我以为这和细胞的宽度和高度有关，但似乎是另外一回事。有人能帮我弄清楚吗

我认为ng网格行是不可折叠的。生成的CSS值阻止网格使其可折叠。在您的按钮上实现一个工具提示或引导弹出窗口将很容易，单击以显示描述。如果您确实想要可折叠的行，请尝试HTML表格。

是的，因为内部css似乎不允许这样做。

rowTemplate: '<div ng-style="{\'cursor\': row.cursor, \'z-index\': col.zIndex(),\'height\': \'150px\' }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}" ng-cell></div>',

columnDefs: [{field:'expand', displayName:'Expand', width: "auto",cellTemplate:$scope.expandingButton},{field:'name', displayName:'Name', enableCellEdit: true}, {field:'age', displayName:'Age', enableCellEdit: true}, {field:'designation', displayName:'Designation', enableCellEdit: true}, {displayName:'Update',cellTemplate:$scope.editableInPopup, enableCellEdit:false}],