table: various fixes

[saiponnada]

I verified there's no existing issue for this bug.

• There are no existing issues

Current behavior

Currently we use aria-pressed to toggle between states. aria-pressed is ideal only for two states. For table sorting, we have three states 1. asc 2. desc 3. no sort.

Expected behavior

Use custom logic similar to below example

<button type="button" onclick="toggleSort(this)">
    Title
    <span class="asc" aria-hidden="true">↑</span>
    <span class="desc" aria-hidden="true">↓</span>
    <span class="other" aria-hidden="true">↝</span>
</button>

https://a11ysupport.io/tests/html/aria/aria-sort.html

Skin version

18.4.0