html - Angular 6-¿Cómo mostrar un tooltip cuando los eventos del puntero están desactivados para <td>?

Tengo una tabla dentro de td que se deshabilitará según la condición de ngClass, pero el problema es que el tooltip debe mostrarse incluso cuando los eventos del puntero están deshabilitados con CSS escrito en ngClass. Actualmente, el tooltip no se muestra debido a los eventos del puntero en none, pero quiero que la tabla td esté deshabilitada y al mismo tiempo el tooltip también se muestre.

**HTML:**

<td class="allowCursor" (mousedown)="!allowEventBaselineTwo(item) && selectRowExec($event,item,''+(pExec-1)+j);" data-toggle="tooltip"
             data-placement="top" [title]="tooltipHierarchy1(buildbaselineSpendType, item.business.id, item.country.id)"
              [ngClass]="{'noEvent':(bisinessStackholder == 'Y' && executeSaving == 'no' && projectStageNo >= ProjectStageCodeConst.EXECUTED)|| (projectStage == ProjectStageConst.IMPLEMENTED && isImplementedItem(item))|| ((item.businessStage==ProjectStageCodeConst.PENDING_APPROVAL || item.businessStage==ProjectStageCodeConst.AUTO_APPROVED || item.businessStage==ProjectStageCodeConst.APPROVED ) ||  (!rowEditable) || (item.isActive=='N')) }">{{buildbaselineSpendType === 'BF' ? item.business.name :item.country.name}}
                                                    </td>

CSS

.noEvent .allowCursor {
  pointer-events: auto;
}

.noEvent{
    pointer-events: none;
}