У меня есть HTML-файл для рендеринга моей таблицы с помощью приложения фляги.Это прекрасно работает, и я хотел бы добавить некоторые настройки, используя таблицы данных.
Я действительно не уверен, где в части jQuery добавить настройку.Мой код содержит его в файле html, но я не вижу, чтобы настройка работала при его запуске.Должен ли это быть статический файл / js / jquery.js в папке моих проектов?Я скачал таблицы данных, но не вижу результата.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$('#queues').dataTable();
});
</script>
<script
src="https://code.jquery.com/jquery-1.11.1.min.js"></script> //
JQuery Reference
<script
src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js">
</script>
<script
src="https://cdn.datatables.net/plug-
ins/9dcbecd42ad/integration/jqueryui/dataTables.jqueryui.js">
</script>
<link rel="stylesheet"
href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-
ui.css">
<link rel="stylesheet"
href="https://cdn.datatables.net/plugins/9dcbecd42ad/integration/
jqueryui/dataTables.jqueryui.css">
<style type="text/css">
body {
background: seashell;
color: black;
}
div.container {
max-width: 500px;
margin: 100px auto;
border: 20px solid white;
padding: 10px;
text-align: center;
}
h4 {
text-transform: uppercase;
}
</style>
<title>{{ title }} - Queues</title>
</head>
<body>
<h2>Page for Queues display </h2>
<p style="color:blue;">Queues information</p>
<table border="1">
<th style="text-align:left;">Job</th>
<th style="text-align:left;">Team</th>
<th style="text-align:left;">Problem</th>
<th style="text-align:left;">CPU</th>
<th style="text-align:left;">Memory</th>
{% for row in data%}
<tr>
<td>{{ row[0] }}</td> <td>{{ row[1] }}</td> <td>{{ row[2] }}</td> <td>{{ row[3] }}</td> <td>{{ row[4] }}</td>
</tr>
{% endfor %}
</table>
Я получаю таблицу с данными, отображаемыми правильно, но без настройки.Я следовал инструкциям в этом примере: https://www.codeproject.com/Tips/844403/%2FTips%2F844403%2FjQuery-Datatables-For-Beginners