我有ng-grid，我需要使用单独的按钮来启用行的可折叠性。当它被渲染时，我可以看到按钮功能正常工作，但是预期的UI更改（在行中添加新行）并不起作用。虽然该行（带有<p></p>的段落）可以在chrome dev工具元素搜索中找到，但它不会出现在我的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中的行模板： -
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>',
gridOptions中的列定义： -
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}],
*我可以在表的最后一行看到预期的结果。
令人困惑。我认为它与细胞宽度和高度有关，但似乎是别的东西。有人能帮我解决这个问题吗？
答案 0 :(得分：0)
我认为ng-grid行不可折叠。生成的CSS值会阻止网格使其可折叠。在按钮单击上实现工具提示或引导程序弹出窗口很容易显示描述。如果你真的想要可折叠的行，请尝试使用HTML表格。