<ng-template let-header> Output emitter not being called

[st-clair-clarke]

Hi, Given the following

##.html

<m-table
    (onEditCancel) = 'editCancel($event)'
    (onEditInit) = 'editInit($event)'
    (onFilter) = 'onFilter($event)'
    (selectionChange) = 'onSelectionChange($event)'
    [(selection)] = 'selectedRows'
    [expandable] = 'true'
    [expandMultiple] = 'true'
    [selectable] = 'true'
    [selectionHandler] = 'true'
    [selectionMode] = "'multiple'"
    [sortOrder] = '1'
    [value] = 'pcs.complaints'>

  <m-header
      [colSetting] = 'true'
      [export] = 'true'
      [globalSearch] = 'true'
      [reload] = 'true'>
    <ng-template let-header>
      <pim-m-table-header
          (addRow) = 'addRow($event)'
          (deleteRows) = 'deleteSelectedRows($event)'
          (filterData) = 'applyFilter($event)'
          [errorExists] = 'errorExists'
          [info] = 'info'
          [rowCount] = 'rowCount'
          addTooltip = 'Add new Complaint'
          deleteTooltip = 'Delete selected Complaint(s)'
      ></pim-m-table-header>
    </ng-template>
  </m-header>

  <m-column
      *ngFor = 'let col of columns'
      [editable] = 'col.editable'
      [sortable] = 'col.sortable'
      [field] = 'col.field'
      [header] = 'col.header'></m-column>
</m-table>

##.ts
  addRow( cmds: Map<string, string> ) {
    console.log('row added')
  }

Why doesn't addRow() being called? And what is the correct way to achieve this? Thanks

[krishna-agarwal]

Hi @st-clair-clarke (addRow) is event of your own component "pim-m-table-header". You need to emit event on click of add row button. Let me know if you need any help in doing that.

Thanks :)