Не работает виджет Tablesorter stickyHeaders - PullRequest
0 голосов
/ 12 декабря 2018

У меня проблемы с тем, чтобы сделать мой заголовок таблицы закрепленным с помощью виджета tableorter.У меня есть следующее для моей страницы таблицы:

{% 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 и версия tableorter v2.31.1.

...