Q:

Aplicar máscara em uma coluna de tabela HTML com Angular?

Como colocar máscara CPF em uma tabela ? Para os inputs utilizei a diretiva ui-cpf-mask, mas preciso colocar em uma célula de tabela.
codigo:
 <tr *ngFor="let user of users | async">
            <td>{{user.nome}}</td>
            <td>{{user.cpf}}</td>
 </tr>

Imagem

A:

Crie um PIPE via comando CLI Angular:

ng g pipe CPF

após terminado esse comando vai ser criado um arquivo com o nome de cpf.pipe.ts que o seu valor (value) com uma expressão regular possa criar a mascara de CPF da seguinte forma:
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'CPF'
})
export class CPFPipe implements PipeTransform {
  transform(value: string, ...args: any[]): any {
    if (value.length === 11) {
      return value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/g, '\$1.\$2.\$3\-\$4');
    }
    return 'error';
  }
}

Para utilizar esse pipe precisa estar registrado no app.module.ts no array declarations, exemplo:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CPFPipe } from './cpf.pipe';

@NgModule({
  declarations: [AppComponent, CPFPipe],
  imports: [BrowserModule, AppRoutingModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

Depois dessa configuração é só utilizar 
{{ numero_cpf | CPF }}

Referencias

generate pipe
pipe
Custom pipes

