primeng turbotable与单元格中的字体真棒图标

时间:2018-02-07 00:12:12

标签: font-awesome primeng primeng-turbotable

当我在turbo表中使用font-awesome图标时,单元格的大小已关闭。

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

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

有没有人成功将图标添加到turbo桌?

如果是这样,你使用了哪些图标,你是怎么做到的?

由于

1 个答案:

答案 0 :(得分:3)

您是否成功在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>