jquery - 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>
</table>

最佳答案

我遇到了这个问题，因为我已经将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; }