Python 无法使用jquery datatables自定义要在显示端排序/筛选/排序的表
我有一个html文件来使用flask应用程序呈现我的表。它工作正常,我想使用datatables添加一些定制 我真的不确定在jQuery部分的何处添加定制。我的代码在html文件中有它,但在运行它时,我看不到自定义工作。它应该是my projects文件夹中的静态/js/jquery.js文件吗?我下载了数据表,但没有看到结果Python 无法使用jquery datatables自定义要在显示端排序/筛选/排序的表,python,html,datatables,flask-appbuilder,Python,Html,Datatables,Flask Appbuilder,我有一个html文件来使用flask应用程序呈现我的表。它工作正常,我想使用datatables添加一些定制 我真的不确定在jQuery部分的何处添加定制。我的代码在html文件中有它,但在运行它时,我看不到自定义工作。它应该是my projects文件夹中的静态/js/jquery.js文件吗?我下载了数据表,但没有看到结果 <!DOCTYPE html> <html> <head> <script type="text/javascript"&
<!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>
$(文档).ready(函数(){
$(“#队列”).dataTable();
});
//
JQuery引用
身体{
背景:贝壳;
颜色:黑色;
}
分区集装箱{
最大宽度:500px;
保证金:100像素自动;
边框:20px纯白;
填充:10px;
文本对齐:居中;
}
h4{
文本转换:大写;
}
{{title}}-队列
用于显示队列的页面
队列信息
工作
团队
问题
中央处理器
记忆
{数据%中的行为%1}
{{row[0]}{{row[1]}{{{row[2]}{{{row[3]}}{{row[4]}
{%endfor%}
我得到了正确显示数据的表,但没有自定义。我按照本例中的说明进行操作:我以前发现,在使用数据表时,如果不在表中包含
和
标记,则该表不会显示为数据表。这些都显示在您发送的链接中,但没有显示在您的代码中。谢谢,我更改了!不过它看起来像一张普通的桌子。我想知道如何识别这是否是一个数据表。似乎有一个初始化代码$(document).ready(函数(){$('#示例').dataTable();})代码>我将其添加为.js文件,但我没有看到datatables的功能已启用。您需要将用于初始化它的id添加到表中。因此,在本例中,表的id应为example
。所以