font-awesome - Primeng turbotable 与单元格中的字体真棒图标

Question

当我在 turbo 表中使用字体很棒的图标时，单元格的大小是关闭的。

我正在做这样的事情：{{tenant.name}}

我正在使用primeng 5.2和font-awesome 4.2。

有没有人成功地将图标添加到涡轮表？

如果是这样，您使用了哪些图标以及您是如何做到的？

谢谢

Answer 1

您是否成功地在 TurboTable 之外显示了一个很棒的字体图标？如果是，它应该在表内工作。

我创建了这个Plunker，您可以在其中看到 TurboTable 中的 Font Awesome 图标。

然后，您可以与您的代码进行比较，看看您有什么问题。

<p-table [value]="cars">
    <ng-template pTemplate="header">
        <tr>
            <th>Vin</th>
            <th>Year</th>
            <th>Brand</th>
            <th>Color</th>
            <th>Actions</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-car>
        <tr>
            <td>{{car.vin}}</td>
            <td>{{car.year}}</td>
            <td>{{car.brand}}</td>
            <td>{{car.color}}</td>
            <td><i class="fa fa-edit"></i><i class="fa fa-close"></i></td>
        </tr>
    </ng-template>
</p-table>