Как добавить Angular компонент в ячейку JqGrid?

Question

Это мой первый Angular проект. Я интегрирую JqGrid в ngx-admin шаблон. Я хотел бы добавить компонент Angular в столбец / ячейку JqGrid (editAction). Я передаю компонент в виде строки вместе с данными. Однако столбец кажется пустым.

Возможно ли это вообще? Любая помощь будет высоко ценится!

      var compTypeJQGridDefaults = {
      colNames: ['Company Type Name', '', '',],
      colModel: [
          {
              name: 'companyTypeName', index: 'companyTypeName', search: false, width: 100, searchoptions: {
                  sopt: jqGridSearchOperationsFor.String
              },
              searchrules: jqGridSearchRulesFor.DefaultMandatory
          },
          { name: 'editAction', sortable: false, classes: 'edit', width: 37, search: false, fixed: true,
          formatter: function (cellValue){
            return cellValue; // "<nb-actions size=\"small\"><nb-action icon=\"save-outline\" (click)=\"onEdit\" nbTooltip=\"Click to update a 'Company Type'.'\" nbTooltipPlacement=\"right\"></nb-action> </nb-actions>"
          }
      },
          { name: 'deleteAction', sortable: false, classes: 'delete', width: 37, search: false, fixed: true },

      ],
      autoencode: false,
      autowidth: true,
      shrinkToFit: true,
      pager: '#compTypeGridPager',
      rowNum: paramFromView.PageSize,
      sortname: paramFromView.SortName,
      sortorder: paramFromView.SortOrder,
      loadBeforeSend: function(jqXHR) {
        jqXHR.setRequestHeader("authorization", 'Bearer ' + authToken);
      },
      url: paramFromView.Url
  };