After spending several hours attempting to implement a nested table within a single row using ui.grid, I am still unable to achieve the desired result.
$scope.gridOptions.columnDefs = [
{name: 'id'},
{name: 'categoryName'},
{name: 'products', cellTemplate: '<div ui-grid="grid.appScope.gridOptions.data"></div>'}
];
It is important to note that each row may contain zero, one, or multiple products, and unfortunately, I have been unsuccessful in displaying the products.
Although I normally request JSON data via AJAX, I have configured the file to be static for demonstration purposes. You can access the plunker here
Thank you for your assistance