diff --git a/src/components/datatable/TableHeader.vue b/src/components/datatable/TableHeader.vue index 70cf100dc..645cca55b 100644 --- a/src/components/datatable/TableHeader.vue +++ b/src/components/datatable/TableHeader.vue @@ -125,9 +125,9 @@ export default { return [ 'p-sortable-column-icon pi pi-fw', { - 'pi-sort': !sorted, - 'pi-sort-up': sorted && sortOrder > 0, - 'pi-sort-down': sorted && sortOrder < 0 + 'pi-sort-alt': !sorted, + 'pi-sort-amount-up-alt': sorted && sortOrder > 0, + 'pi-sort-amount-down': sorted && sortOrder < 0 } ]; }, @@ -176,9 +176,9 @@ export default { getAriaSort(column) { if (column.sortable) { const sortIcon = this.getSortableColumnIcon(column); - if (sortIcon[1]['pi-sort-down']) + if (sortIcon[1]['pi-sort-amount-down']) return 'descending'; - else if (sortIcon[1]['pi-sort-up']) + else if (sortIcon[1]['pi-sort-amount-up-alt']) return 'ascending'; else return 'none'; diff --git a/src/components/treetable/TreeTable.vue b/src/components/treetable/TreeTable.vue index 6413948ad..fe9ef775b 100644 --- a/src/components/treetable/TreeTable.vue +++ b/src/components/treetable/TreeTable.vue @@ -393,9 +393,9 @@ export default { return [ 'p-sortable-column-icon pi pi-fw', { - 'pi-sort': !sorted, - 'pi-sort-up': sorted && sortOrder > 0, - 'pi-sort-down': sorted && sortOrder < 0 + 'pi-sort-alt': !sorted, + 'pi-sort-amount-up-alt': sorted && sortOrder > 0, + 'pi-sort-amount-down': sorted && sortOrder < 0 } ]; }, @@ -732,9 +732,9 @@ export default { getAriaSort(column) { if (column.sortable) { const sortIcon = this.getSortableColumnIcon(column); - if (sortIcon[1]['pi-sort-down']) + if (sortIcon[1]['pi-sort-amount-down']) return 'descending'; - else if (sortIcon[1]['pi-sort-up']) + else if (sortIcon[1]['pi-sort-amount-up-alt']) return 'ascending'; else return 'none';