PrimeNG p-datatable sort indicator overlapped

Asked Mar 06 '18 at 11:30

Active Mar 14 '18 at 09:07

Viewed 144 times

I creating a table with sortable column. This is my code:

<p-dataTable [value]="list">
    <p-column field="name" header="name" sortable="true">
    </p-column>

    <p-column field="value" header="value" sortable="true">
    </p-column>
</p-dataTable>

The problem is that the sortable indicators are overlapped in the first column, so on click it works on second column only. With many other column it works in the same way. It seems like all the indicators are overlapped in the same place (see picture). Any suggestions? Thanks

edited Mar 14 '18 at 09:07

Antikhippe

6,316
2
28
43

asked Mar 06 '18 at 11:30

bigskull

Did you import PrimeNG CSS ? Can you provide a Plunker ? – Antikhippe Mar 06 '18 at 12:41
Yes, I imported it. I think there is something in my style.css that overwrite primeNG rules but I can't understand which is. – bigskull Mar 06 '18 at 13:55
Can you reproduce this problem in a Plunker ? – Antikhippe Mar 06 '18 at 14:26

PrimeNG p-datatable sort indicator overlapped

0 Answers0