Проблема подчеркивания таблицы данных Prime NG

Я использую компонент пользовательского интерфейса PrimeNG DataTable на одном из своих веб-сайтов. Я использую функцию группировки строк http://www.primefaces.org/primeng/#/datatable/rowgroup

В целом все работает хорошо, за исключением того, что перед каждым заголовком группы ставится красное подчеркивание (_). Например, используя примеры, которые они приводят в ссылке выше, а не группировку по брендам Audi, BMW и т. д., это _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" }

];

Дисплеи

группы строк

Любые идеи, почему это может происходить?


person Andy B    schedule 28.02.2017    source источник


Ответы (1)


Оптимус предложил решение на своем форуме.

Вам нужно добавить этот CSS:

.ui-datatable a { text-decoration: none !important;}
person J0sh    schedule 31.03.2017