Складные строки в AngularJS ng-grid не отображаются правильно

Question

У меня есть ng-grid где мне нужно использовать отдельную кнопку, чтобы включить складываемость строк. Когда он отображается, я вижу, что функция кнопки работает правильно, * но ожидаемое изменение пользовательского интерфейса (добавление новой строки в строке) не работает. Хотя строка (параграф с <p></p>) можно найти в поиске элементов Chrome Dev Tools, но он не отображается в моем пользовательском интерфейсе.

Пользовательский шаблон кнопки:-

$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}],

* Я вижу ожидаемый результат в последнем ряду таблицы.

Это сбивает с толку. Я думал, что это что-то, связанное с шириной и высотой клетки, но, кажется, это что-то другое. Может ли кто-нибудь помочь мне понять это?

Answer 1

Я думаю, что строки ng-grid не являются разборными. Сгенерированные значения CSS не позволяют сетке сделать ее разборной. Будет легко реализовать всплывающую подсказку или всплывающее окно при нажатии кнопки, чтобы показать описание. Если вам действительно нужны складные строки, попробуйте таблицы HTML.