PrimeNG ptable with multiple sort mode shows badge with Sort Icon

UI Components for Angular
Post Reply
krupa.sodha
Posts: 2
Joined: 29 Sep 2021, 13:34

09 Feb 2022, 08:05

Hi

I am using PrimeNG 11 ptable with sort mode Multiple. Where I am providing multiSortMeta input as array of two columns with sort order.

The p-sortIcon displays badge with number of columns used in multiSortMeta. How can I prevent from displaying the badge?


<p-sorticon _ngcontent-pml-c39="" class="ng-star-inserted">
<i class="p-sortable-column-icon pi pi-fw pi-sort-amount-up-alt"></i>
<!----><span class="p-sortable-column-badge ng-star-inserted">2</span></p-sorticon>

janvc
Posts: 3
Joined: 12 Nov 2019, 17:57

31 Mar 2023, 15:37

You can override the css:

Code: Select all

.p-datatable .p-sortable-column .p-sortable-column-badge,
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-badge {
  display: none;
}

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 8 guests