Javascript 通过Jquery在Flask应用程序中将DataFrame呈现为HTML页面
我正在寻找帮助表格格式的数据显示在HTML页面。商业是熊猫数据帧，我试图通过在代码的HTML部分突出显示的脚本部分中单击按钮来调用这个数据帧。当前数据显示为列表格式而不是表格格式。样本数据结果： 目前的结果： “['table border=“1”class=“dataframe Commercial”>主题区域 表\u名称字段\u名称DQ\u维度 规则优先级规则类型 COMSOI2商业 商业来源数据设施编号 准确性……” 预期结果 主题区域表\u名称字段\u名称商业Javascript 通过Jquery在Flask应用程序中将DataFrame呈现为HTML页面,javascript,jquery,python,html,flask,Javascript,Jquery,Python,Html,Flask,我正在寻找帮助表格格式的数据显示在HTML页面。商业是熊猫数据帧，我试图通过在代码的HTML部分突出显示的脚本部分中单击按钮来调用这个数据帧。当前数据显示为列表格式而不是表格格式。样本数据结果： 目前的结果： “['table border=“1”class=“dataframe Commercial”>主题区域 表\u名称字段\u名称DQ\u维度 规则优先级规则类型 COMSOI2商业 商业来源数据设施编号 准确性……” 预期结果 主题区域表\u名称字段\u名称商业 商业来源数据设施编号。。。
商业来源数据设施编号。。。。。。等 python代码：
from flask import *
import pandas as pd
app = Flask(__name__)
@app.route("/bzrules")
def show_tables():
df = pd.read_excel('static/data.xlsx')
df.set_index(['DR_ID'], inplace=True)
df.index.name=None
if request.method == 'GET':
subarealist = df['Subject_Area'].unique().tolist()
Commercial = df.loc[df['Subject_Area']=='Commercial']
return render_template('indext.html',subarealist =subarealist,tables=[Commercial.to_html(classes='Commercial',bold_rows = 'True')])
<!DOCTYPE html>
<html lang="en">
<head>
<title>DQA</title>
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='css/simple-sidebar.css') }}">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<div id="sidebar-wrapper">
<ul class="sidebar-nav" >
<li class="sidebar-brand">
<a href="#">Dashboard</a>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-arrows-v"></i> Subject Area <i class="fa fa-fw fa-caret-down"></i></a>
<ul id="demo" class="collapse">
<li>
<div id="btn1" class="input-group">
{% for val in subarealist %}
<a href='#' value='{{val}}' {% if selected==val %}{% endif%}>{{val}}</a>
{% endfor %}
</div>
</li>
</ul>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<p id="tt">{% for table in tables %}
{{tables[loop.index]}}
{{ table|safe }}
{% endfor %}
</p>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
***<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#tt").html('{{ tables }}');
});
});
</script>***
</body>
</html>
DQA
-
-
-
{分区列表%中val的百分比}
{%endfor%}
{tables%}
{{表[loop.index]}
{{表|安全}}
{%endfor%}
***
$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“#tt”）.html（“{{tables}”）；
});
});
***