將向下/向上/向下圖標添加到tablesorter表

什麼是將可點擊上下/上/下圖標添加到表tablesorter表中每個可排序列的標題的最簡單解決方案是什麼？ https://web.archive.org/web/20170112030141/http://jsfiddle.net/fu12ye88/（pic）？將向下/向上/向下圖標添加到tablesorter表

我發現的所有解決方案都需要相對較大的附加庫，例如https://web.archive.org/web/20170112030034/http://jsfiddle.net/Mottie/abkNM/325/

來源

2017-01-11 ChrisJJ

只是因爲系統有需要時，不應發佈代碼*。你應該提供代碼，以便清楚你在問什麼。你只是以骯髒的方式迴避需求。 –

「你不應該僅僅因爲系統需要就發佈代碼，你應該提供代碼，以便清楚你的問題。」我所要求的已經很清楚了（部分歸功於神祕地觸發了這個代碼要求的jsfiddle鏈接），我可以想象沒有任何代碼可以使它變得更加如此。你可以嗎？ – ChrisJJ

我會沉默作爲一個沒有。 – ChrisJJ

如果你去the docs你會發現很多方法來定製你的排序表。

我把CSS出給定的例子（https://mottie.github.io/tablesorter/）和應用它的一些你的小提琴和the result is exactly what you want：

.tablesorter-default .header, 
.tablesorter-default .tablesorter-header { 
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); 
    padding: 4px 20px 4px 4px; 
    background-repeat: no-repeat; 
    background-position: center right; 
} 

.tablesorter-default thead .headerSortUp, 
.tablesorter-default thead .tablesorter-headerAsc, 
.tablesorter-default thead .tablesorter-headerSortUp { 
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); 
} 

.tablesorter-default thead .headerSortDown, 
.tablesorter-default thead .tablesorter-headerDesc, 
.tablesorter-default thead .tablesorter-headerSortDown { 
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); 
}

來源

2017-01-12 07:13:04

謝謝。結果如下：http://jsfiddle.net/fu12ye88/3/，pic http://i.imgur.com/Rv8fzFS.png – ChrisJJ

將向下/向上/向下圖標添加到tablesorter表

回答

相關問題