Tablesorter StickyHeaders小部件不起作用

Question

我无法使用tablesorter小部件使表格标题保持不变。我的表格页面有以下内容：

{% load static %}
<link rel="stylesheet" href="{% static 'css/theme.default.css' %}" type="text/css" />
<script type="text/javascript" src="{% static 'js/jquery.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.tablesorter.js' %}"></script>
<div id="tableWrap" style="position:relative;">
<table id="myTable" class="tablesorter">
    <caption> ... </caption>
    <thead>
    <tr> ... </tr>
    </thead>
    <tbody>
    <tr> ... </tr>
    </tbody>
</table>
</div>
<script>
$(document).ready(function(){
        $('#myTable').tablesorter({
            sortList: [[0,0], [1,0]],
            widgets: ['zebra', 'filter', 'stickyHeaders'],
            widgetOptions: {
                stickyHeaders_attachTo: '#tableWrap' 
            },
    });
});

</script>

我尝试标记我的表标签，并在表周围创建div标签，但是似乎没有任何效果。 jQuery版本是v1.11.2，表排序程序版本是v2.31.1。