ng bootstrap - full ng-table (sorting, search) not workink angular 10

Question

I'm trying to use the full ng-table, but it doesn't work with angular 10.

when I try to copy paste the code, an error appears here

@Directive({
 selector: 'th[mzSortable]',
 host: {
 '[class.asc]': 'direction === "asc"',
 '[class.desc]': 'direction === "desc"',
 '(click)': 'rotate()'
 }
})

the I tried to use this...

@Input() sortable: SortColumn = '';

@Input()
direction: SortDirection = '';

@Input()
@HostBinding('class.asc')
get ascClass (): any {
 return this.direction === 'asc';
}

@Input()
@HostBinding('class.desc')
get descClass (): any {
  return this.direction === 'desc';
}

@Output() sort = new EventEmitter<SortEvent>();

@HostListener('click')
rotate(): void {
  this.direction = rotate[this.direction];
  this.sort.emit({column: this.sortable, direction: this.direction});
}

now the table appear but I can't sort the table

question from:https://stackoverflow.com/questions/65643566/full-ng-table-sorting-search-not-workink-angular-10

Answer 1

I find it, the problem was that I changed the Directive prefix. replaced this:

@Directive({
  selector: 'th[mzSortable]',
} 
})

by this:

@Directive({
  selector: 'th[sortable]',
} 
})