$paginator->sortで、現在ソート中の見出しに↑↓がつく

前記事で、謎記号が出力されている問題。

フォントサイズを拡大してみて、解明しました。


上下矢印です。



(参考画像のフォントサイズ:24px/通常12px)


どうやら、「現在この項目の昇順/降順でソートしていますマーク」らしいです。
ソート項目を変えると、矢印も移動しました。


・・・小さすぎて、矢印ってわかりませんでした!ごめんなさい!(笑)


ソートリンクは、

$paginator->sort(リンク名, 項目名);

で生成しますが、ソート対象になっていると出力されるaタグに、 ascないしdescのクラスが追加されます。

<tr>
<th><a href="hogehoge/sort:id/direction:desc" class="asc">Id</a></th>
<th><a href="/hogehoge/sort:name/direction:asc">名前</a></th>

asc/descは、CSSの「after」「content」で、矢印(と思われるコード)を表示するようになっている・・・という仕組みです。
app/webroot/css/cake.generic.css

th a.asc:after {
        content: ' ??';
}
th a.desc:after {
        content: ' ??';
}


この「asc/desc」クラスは、$paginator->sort()に出力させない設定が無いようなので、
「なにこの謎記号?」と思われるのを防ぐためには、CSS側を上書きするのがよさそうです。