Tableyorter stickyHeaders не выравнивается по столбцу таблицы - PullRequest
Новая
       19

Tableyorter stickyHeaders не выравнивается по столбцу таблицы

0 голосов
/ 16 декабря 2018

Мой заголовок таблицы не совпадает с моим столбцом таблицы.В левой части таблицы у меня есть боковая панель навигации, которую заголовок таблицы почему-то не смог распознать после прокрутки мимо исходного заголовка (см. Рис. Ниже): enter image description here

enter image description here

Я попытался обернуть таблицу в родительский div с положением, установленным на относительное, но заголовок таблицы по-прежнему не работает правильно (см. Коды ниже): 

{% 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>
<script type="text/javascript" src="{% static 'js/jquery.tablesorter.widgets.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>

В widgetOptions я попытался "stickyHeaders_attachTo", указывающий на родительский div, но все еще не может получить желаемый результат.

...