我在尝试将 StickyHeaders 小部件实现为 tablesorter 插件的一部分时遇到问题。我已按照通过 Stackoverflow 和其他网站找到的教程中的说明进行操作，但似乎没有任何效果。
这是我的header code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Sales Report </title>
<link href="admin_style.css" rel="stylesheet" type="text/css">
<!-- jQuery: required (tablesorter works with jQuery 1.2.3+) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="tablesorter/css/theme.dropbox.css" rel="stylesheet">
<script src="tablesorter/js/jquery.tablesorter.min.js"></script>
<script src="tablesorter/js/jquery.tablesorter.widgets.min.js"></script>
<script>
$(function(){
$('table').tablesorter({
widgets : ['zebra', 'columns', 'stickyHeaders'],
usNumberFormat : false,
sortReset : true,
sortRestart : true
});
});
</script>
</head>
正文 HTML
<table id="table" class="tablesorter-dropbox" border="0" cellpadding="4" cellspacing="0">
<thead>
<tr>
<th align="center" valign="top">Brand</th>
<th align="center" valign="top">Bawtry Mens</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Bawtry Ladies</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Bawtry Total</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Chain Mens</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Chain Ladies</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Chain Total</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Internet Mens</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Internet Ladies</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Internet Total</th>
<th align="center" valign="top">£</th>
<th align="center" valign="top">Total</th>
<th align="center" valign="top"> £</th>
<th align="center" valign="top">Average</th>
</tr>
</thead>
<tbody>
<tr>
<!-- Table body contents -->
目前，这显示具有默认主题的表格，但向下滚动页面时标题不会保持固定。
任何帮助，将不胜感激。
Thanks.
UPDATE
我让它在小提琴中工作 - 请参阅这里http://jsfiddle.net/4mVfu/3386/ http://jsfiddle.net/4mVfu/3386/
但是，一旦我将相同的代码添加到我的页面并在 XAMPP 中运行，它就不起作用了。我真的不确定发生了什么错误？
您似乎正在尝试使用 jQuery v1.2.6。我知道我在文档中放入了 StickyHeaders 小部件支持 jQuery v1.2.6+ 的内容，但是在错误修复/更新中的某个地方，我不再尝试/关心/担心支持 6 岁以上的版本。
所以，如果你确实需要支持 v1.2.6，我会尝试隔离问题，否则更新到 jQuery v1.4+ (demo http://jsfiddle.net/4mVfu/3393/），我将更新文档。
$('table').tablesorter({
widgets: ['zebra', 'columns', 'stickyHeaders'],
usNumberFormat: false,
sortReset: true,
sortRestart: true
});
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
