Changing ascending/descending icon class has no effect

[RomanDavlyatshin]

I'm trying to implement custom asc/desc icons using this lesson as a reference. But original classes stay the same ("sort-icon blue chevron up icon" and "sort-icon blue chevron down icon") and my classes are ignored completely data() { return { css: { ascendingIcon: 'triangle-up', descendingIcon: 'triangle-down', } } }, CSS Styling guide does not help, as respective parts of guide are empty. Can you please share a working example of arrows styling? P.S. Original arrows do not appear at all (<i> tags in place, they just have 0x0 size), but I'm guessing that is because I'm not using UI library suggested in the lessons. Is that right?

[ratiw]

Can you please give me some more information. Are you using Vuetable-2 v1.7 or v2.0-beta? What UI library are you using?

[T0miii]

Hi @ratiw ,

i also encountered this problem. Using this style for bootstrap 4: https://www.vuetable.com/guide/css-styling.html#customization-for-other-css-frameworks

The html and font awesome markup seems fine, and the icon is even show initially. But when clicking the header to sort the table gets sorted but the sorting class and icon class doesnt changes. Its stay at the initial desc.

Using the version 2.0-beta.

edit: i downgraded to 1.7.5 and it works, it seems there might be a problem in the beta version.

[guynikan]

same here...