JQuery TableSorter：排序箭頭不顯示

我正在實現jQuery的tablesorter，但箭頭似乎無法顯示。JQuery TableSorter：排序箭頭不顯示

以下是我迄今所做的：

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

和

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);

表排序罰款，但箭不顯示。我在這裏錯過了什麼嗎？
我甚至增加了以下，但沒」工作：

<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css">

來源

2012-08-01 GingerHead

我敢打賭，他們是一個樣式表來與tablesorter，你整合它，並且你也上傳圖像到你的服務器，你是否改變從內部圖像的路徑css？ – Hipny 2012-08-01 16:16:49

確保.png圖像與您的CSS位於相同的文件夾中，或者您必須編輯.css文件中的url – 2012-08-01 16:36:50

我用的tablesorter這個網頁上，當有同樣的問題 - http://ajthomas.co.uk/fpl/。但是，這是因爲我錯過了添加download中的樣式表和圖像。看起來你也是這樣。

來源

2012-08-01 16:19:40 Alex

hmmm ...並且在樣式表中引用了正確的表id/class？ – Alex 2012-08-01 16:23:05

在引用和表中有一個「.tablesorter」類的樣式表，你的表是否有這個類？ – Alex 2012-08-01 16:26:20

ajthomas鏈接返回404. – 2017-07-14 23:43:07

如果您將其樣式表級聯起來，它將看起來完全像TableSorter網站上的樣子。你甚至不需要將它從包裝中移出。只需添加這行樣式表聲明之後：

<link href="[YOUR PATH TO]/tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" />

來源

2013-04-16 21:26:09 elgati

作爲魅力！ – deeshank 2014-10-06 05:36:21

如果有人仍然具有的tablesorter不顯示排序箭頭的問題，這裏有一個小竅門我在初始化回調使用：

$("table.sort").tablesorter({ 
    theme : 'dropbox', 
    cssIcon: 'tablesorter-icon', 
    initialized : function(table){ 
    $(table).find('thead .tablesorter-header-inner').append('<i class="tablesorter-icon"></i>'); 
    } 
});

來源

2017-07-11 19:29:47

你需要添加類tablesorter到您的表

來源

2017-10-16 19:19:28

JQuery TableSorter：排序箭頭不顯示

回答

相關問題