PrimeNG TurboTable sortable column sort indicator?

sorting angular2-template primeng primeng-turbotable
Shotgun Ninja picture Shotgun Ninja · Jan 24, 2018 · Viewed 7.8k times · Source

I'm trying to transition an existing PrimeNG Datatable over to the newly-released TurboTable spec, and I've been able to get everything more or less working easily, but I lost the auto-generated sort direction indicators on column headers.

Arrows on column headers

Is there a built-in solution for displaying a sort indicator based on template binding provided by p-table, or do I have to attach to the p-table's (sort) event, figure out which column is sorted and what direction, and then update my template from a component method?

Answer

vegazz picture vegazz · Feb 5, 2018

There is a SortIcon component. Look at this example:

<th *ngFor="let col of columns" [pSortableColumn]="col.field">
  {{col.header}}
  <p-sortIcon [field]="col.field"></p-sortIcon>
</th>

Related questions

How do I sort a dictionary by value?

I have a dictionary of values read from two fields in a database: a string field and a numeric field. The string field is unique, so that is the key of the dictionary. I can sort on the keys, but …

Read More
Sort array of objects by string property value

I have an array of JavaScript objects: var objs = [ { first_nom: 'Lazslo', last_nom: 'Jamf' }, { first_nom: 'Pig', last_nom: 'Bodine' }, { first_nom: 'Pirate', last_nom: 'Prentice' } ]; How can I sort them by the value of last_nom in JavaScript? …

Read More
Sort a Map<Key, Value> by values

I am relatively new to Java, and often find that I need to sort a Map<Key, Value> on the values. Since the values are not unique, I find myself converting the keySet into an array, and sorting …

Read More