У меня проблемы с тем, чтобы сделать мой заголовок таблицы закрепленным с помощью виджета 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.