Как добавить HTML-код, создав столбец с помощью таблицы материалов

Question

У меня проблема с созданием столбца, возможно, у вас есть решение.Я покажу свой код, как показано ниже:

columns = [{ columnDef: 'position', header: 'No.',    cell: (element: any) => `${element.position}` },
{ columnDef: 'name',     header: 'Name',   cell: (element: any) => `${element.name}`     },
{ columnDef: 'weight',   header: 'Weight', cell: (element: any) => `${element.weight}`   },
{ columnDef: 'symbol',   header: 'Symbol', cell: (element: any) => `${element.symbol}`   },
{ columnDef: 'symbols',   header: 'Symbols', cell: (element: any) => '${<mat-icon matTooltip="">more_horiz</mat-icon>}'   },];

В последней строке я просто хочу вставить значки материалов для каждого столбца, который создается динамически.Я пытался много раз, но, к сожалению, моя попытка не удалась.

Может быть, вы можете дать мне какой-то вклад.

Answer 1

почему бы вам не использовать шрифт awesome вместо компонента mat для этой ситуации.

{ columnDef: 'symbols',   header: 'Symbols', cell: (element: any) => '<i class="fa fa-'${element.icon}'"></i>}'   }

или, если значок не динамический, просто используйте:

{ columnDef: 'symbols',   header: 'Symbols', cell: (element: any) => '<i class="fa fa-your-icon"></i>}'   }