jQuery dataTable不顯示排序圖標

我正在嘗試使用jQuery dataTable插件。問題是沒有顯示排序圖標（這個指向哪個方向數據實際排序的箭頭）。jQuery dataTable不顯示排序圖標

我的代碼如下：

$('#example').dataTable(
{ 
    "bPaginate": false, 
    "bFilter": false, 
    "oLanguage": { "sInfo": ""}   
} 
);

和HTML：

<table class="surfClass" cellspacing="1" id="example"> 

<thead> 
<tr> 
    <th width="120px">Name</th> 
    <th width="120px">The hourly rate (points)</th> 
    <th>Levels of referrals</th> 
    <th>bonuses</th> 
    <th width="70px">Payout minimum</th> 
</tr> 
</thead>

來源

2011-11-27 PsCraft

的DataTable使用您要使用在Firefox螢火點擊淨多一切，尋找任何的圖標精靈以紅色顯示。這將表明資產未被加載。你看起來像這樣「/media/css/jui_themes/smoothness/images/ui-icons_888888_256x240.png」。

我假設數據表插件正在被初始化，你看到了你所期望的一切嗎？

你可能想看看這個http://debug.datatables.net/這是一個書籤，可以幫助調試這個插件。

來源

2013-04-26 16:29:18 Matt2012

謝謝。 Firefox調試器顯示404個問題。我有一個路徑設置錯誤。 –

每當我有dataTables這個問題，它源於一個JavaScript錯誤。
此外，您可以嘗試添加

"bSort": true,

來源

2013-04-26 20:20:02 xjx424

我有這個問題，我花了一個小時才發現，我沒有鏈接到需要的樣式表。就我而言，我有：

<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/minidatatables-bootstrap.css'}"/>

，但我還需要補充：

<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/datatables-bootstrap.css'}"/>

的分類圖標來顯示。這可能僅僅是一個引導式解決方案，但是如果你遇到了這個問題，你可能會確保你已經鏈接了正確的樣式表。

來源

2013-08-29 22:34:13

我也錯過了一個css文件的引用，但它被埋在〜/ Scripts/js/plugins/tables/datatables/jquery.dataTables.css中，以防萬一有人錯過了那一個。 –

嘿。捂臉。謝謝。 – Bangkokian

CDN副本位於https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css –

我有這個問題，我發現因爲我已經複製CDN腳本到我的本地機器，它不像@ Matt2012指出的那樣正確地引用了圖像。所以我的解決方案是更新CSS文件以查找那些我想放置它們的圖像，之後我也保存了它們。

請參見本部分：

table.dataTable thead .sorting { background: url('/Content/images/sort_both.png') no-repeat center right; } 
table.dataTable thead .sorting_asc { background: url('/Content/images/sort_asc.png') no-repeat center right; } 
table.dataTable thead .sorting_desc { background: url('/Content/images/sort_desc.png') no-repeat center right; } 

table.dataTable thead .sorting_asc_disabled { background: url('/Content/images/sort_asc_disabled.png') no-repeat center right; } 
table.dataTable thead .sorting_desc_disabled { background: url('/Content/images/sort_desc_disabled.png') no-repeat center right; }

來源

2014-10-25 16:09:10 John

這是爲我解決了問題。你可以從這裏下載圖像https://datatables.net/download/index。我把它們移到了我的/ images文件夾中，我不需要改變任何東西。 –