JQuery TableSort不适用于JQuery floatThead
JQuery TableSort不适用于JQuery floatThead
提问于 2018-10-19 11:36:25
我有一个来自tablesorter@github的示例表
单击表标题对表进行排序。当我添加在本例中注释的这一行$('table#myTable').floatThead();时，它就停止工作了。
知道问题是什么吗?怎么解决？
<html lang="en">
<head>
<title>JQuery table sorter with JQuery floatThead MCVE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://rawgit.com/christianbach/tablesorter/master/jquery.tablesorter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/floatthead/2.1.2/jquery.floatThead.min.js"></script>
</head>
<body>
<table id="myTable" class="tablesorter" border=1>
<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>$40.00</td>
<td>http://www.jsmith.com</td></tr>
<tr><td>Bach</td><td>Frank</td><td>fbach@yahoo.com</td><td>$50.00</td>
<td>http://www.frank.com</td></tr>
<tr><td>Doe</td><td>Jason</td><td>jdoe@hotmail.com</td><td>$100.00</td>
<td>http://www.jdoe.com</td></tr>
<tr><td>Conway</td><td>Tim</td><td>tconway@earthlink.net</td><td>$51.00</td>
<td>http://www.timconway.com</td></tr>
</tbody>
</table>
<script type="text/javascript">
//$('table#myTable').floatThead();
$(document).ready(function() { $("#myTable").tablesorter(); }
);
</script>
</body>
</html>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-19 11:56:59
我偶然发现了一个非常简单的解决方案:订单很重要！只需在调用了函数$('table#myTable').floatThead(); 的之后添加tablesorter()。
<html lang="en">
<head>
<title>JQuery table sorter with JQuery floatThead MCVE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://rawgit.com/christianbach/tablesorter/master/jquery.tablesorter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/floatthead/2.1.2/jquery.floatThead.min.js"></script>
</head>
<body>
<table id="myTable" class="tablesorter" border=1>
<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>$40.00</td>
<td>http://www.jsmith.com</td></tr>
<tr><td>Bach</td><td>Frank</td><td>fbach@yahoo.com</td><td>$50.00</td>
<td>http://www.frank.com</td></tr>
<tr><td>Doe</td><td>Jason</td><td>jdoe@hotmail.com</td><td>$100.00</td>
<td>http://www.jdoe.com</td></tr>
<tr><td>Conway</td><td>Tim</td><td>tconway@earthlink.net</td><td>$51.00</td>
<td>http://www.timconway.com</td></tr>
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function() { $("#myTable").tablesorter(); $('table#myTable').floatThead(); }
);
</script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52891595
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号