Библиотека Tablesorter Jquery не работает - PullRequest
0 голосов
/ 10 июля 2020

У меня проблемы с работой плагина Jquery Tablesorter, ничего не происходит, когда я нажимаю на заголовки столбцов. Я использую django для заполнения строк. Вот код:

<!-- Load jQuery if not already loaded. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
<!-- Load the TableSorter plugin. -->
<script src="{% static 'mainApp/jquery.tablesorter.js' %}" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {      
        $("#feedbackTable").tablesorter();
    }); 
    </script>

<!-- Load a theme i.e. "ice". -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.21.5/css/theme.ice.min.css" rel="stylesheet" />
...


<table id="feedbackTable" class="tablesorter table table-dark  table-hover sortable" >
                        <thead class="thead-light">
                            <tr>
                                <th style="cursor: pointer;" >Submitted By <i class="fa fa-fw fa-sort"></i></th>
                                <th style="cursor: pointer;" >Category <i class="fa fa-fw fa-sort"></i></th>
                                <th style="cursor: pointer;" >Date Added <i class="fa fa-fw fa-sort"></i></th>
                                <th style="display:none;" >Feedback</th>

                            </tr>
                        </thead>
                        <tbody>
                            {% block content %}
                                {% for feedback in feedbacks %}
                            <tr style="cursor: pointer;" @click="showFeedback = !showFeedback"> 
                                <td >{{feedback.submitted_by}}</td>
                                <td  >
                                    {{feedback.type_choice}}
                                </td>
                                <!--<td>{{feedback.feedback}}</td>-->
                                <td>{{feedback.created_at}}</td>
                                <td style="display:none;">  {{feedback.feedback}}</td>
                            </tr>
                                {% endfor %}
                            {% endblock content %}
                        </tbody>
                    </table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...