並べ替え可能な列を含む、解決しようとしているレイアウトの問題があります。ユーザーが低解像度の画面を使用している場合、またはブラウザーのサイズを変更している場合、並べ替えアイコンが互いに整列しなくなります。ユーザーはこれについて何度も不平を言っています。
次のスクリーングラブでは、並べ替えアイコンを現在の状態 (赤い線) ではなく、緑の線に合わせたいと思います。
上記のテーブルをレンダリングする jsfiddle スニペットを次に示します: http://jsfiddle.net/JgSMq/
<table class="table table-bordered data-table sort display">
<thead>
<th class="sorting">ID Column <i class="sort-icon"></i></th>
<thead>
</table>