Primeng 数据表下划线问题答案

【问题标题】：Prime NG Data Table Underscore IssuePrimeng 数据表下划线问题
【发布时间】：2017-07-19 08:46:29
【问题描述】：

我正在我的一个网站上使用 PrimeNG DataTable UI 组件。我正在使用行分组功能http://www.primefaces.org/primeng/#/datatable/rowgroup

总体而言，除了在每个组标题前面放置一个胭脂色下划线 (_) 之外，一切都运行良好。例如，使用他们在上面链接中提供的示例，而不是品牌分组是奥迪、宝马等，而是 _Audi、_BMW。

我什至尝试过复制他们的示例，但我仍然在分组文本前放置一个下划线。比如：

<p-dataTable [value]="cars1" sortField="brand" rowGroupMode="subheader" groupField="brand" expandableRowGroups="true"
        [sortableRowGroup]="false">
    <p-header>Toggleable Row Groups with Footers</p-header>
    <template pTemplate="rowgroupheader" let-rowData>{{rowData['brand']}}</template>
    <p-column field="color" header="Color"></p-column>
    <p-column field="year" header="Year"></p-column>
    <p-column field="vin" header="Vin"></p-column>
    <p-column field="price" header="Price">
        <template let-col let-car="rowData" pTemplate="body">
            <span>{{car[col.field] | currency:'USD':true:'.0-0'}}</span>
        </template>
    </p-column>
    <template pTemplate="rowgroupfooter" let-car>
        <td colspan="3" style="text-align:right">Total Price</td>
        <td>{{calculateGroupTotal(car['brand']) | currency:'USD':true:'.0-0' }}</td>
    </template>
</p-dataTable>

还有数据：-

cars1 = [
{ "brand": "VW", "year": 2012, "color": "White", "vin": "dsad231ff" },
{ "brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345" },
{ "brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr" },
{ "brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh" },
{ "brand": "Mercedes", "year": 1995, "color": "White", "vin": "hrtwy34" },
{ "brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj" },
{ "brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr" },
{ "brand": "Jaguar", "year": 2013, "color": "White", "vin": "greg34" },
{ "brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5" },
{ "brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s" }

];

显示

任何想法为什么会发生这种情况？

【问题讨论】：

标签： angular datatable primeng

【解决方案1】：

擎天柱在他的forum中给出了解决方案

你需要添加这个 CSS：

.ui-datatable a { text-decoration: none !important;}

【讨论】：