无法在 jQuery 表格排序器中显示 up/down 个箭头

Question

我已经安装了 jQuery TableSorter 2.0，因此可以单击 headers 列进行排序。但是我无法显示 up/down 箭头。为了简化，我使用 https://mottie.github.io/tablesorter/docs/index.html 中的示例创建了一个页面。这是测试页的代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Testing</title>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="tablesorter/js/jquery.tablesorter.js"></script>
    <!-- <script type="text/javascript" src="tablesorter/js/jquery.tablesorter.widgets.js"></script> -->
    <!-- <link href="tablesorter/css/theme.bootstrap.css" rel="stylesheet" type="text/css" /> -->


 <script type="text/javascript">
 $(document).ready(function() 
            { 
                $("#myTable").tablesorter(); 
            } 
        ); 
</script>    
 </head>
 <body>
 <table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>0.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table> 
</body>
</html>

当我在浏览器中打开页面时（我试过 FireFox 和 Edge），列按预期排序但没有 up/down 箭头。

我查看了有关此问题的其他帖子，但解决方案要么不适合我的情况，要么没有帮助。

我已经尝试过使用和不使用显式 CSS link，以及我在 css 文件夹中看到的几个不同的主题。

Answer 1

up/down 箭头是使用 css 文件（主题文件）生成的。

您应该同时使用 bootstrap 的 css 文件：

<link rel="stylesheet" href="/path/to/bootstrap-v3.min.css" />

和 theme.css 文件：

<link rel="stylesheet" href="/path/to/theme.default.css" />

无法在 jQuery 表格排序器中显示 up/down 个箭头

Can't get up/down arrows to show in jQuery tablesorter

jquery

tablesorter