Python 将flask表导出到excel和在html中设置样式时出现问题

我有一个Flask应用程序，它从HTML页面中的DataFrame生成表。问题是，从html导出到excel的脚本不希望使用这段代码，并且我无法使用boostrap类设置表的样式

你能告诉我我做错了什么吗

{% extends 'layout.html' %}
{% block title %}GAP Analysis{% endblock %}
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
{% block content %}
<h1>GAP Analysis output</h1>
{% endblock %}

{% block other %}
<button id="exportBtn1">Export To Excel</button><br><br>
<table id="table table-striped table-bordered">
  {% for table in tables %}
    {{ table|safe }}
  {% endfor %}
</table>
{% endblock %}
<script src="https://cdn.jsdelivr.net/gh/linways/table-to-excel@v1.0.4/dist/tableToExcel.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
      $("#exportBtn1").click(function(){
        TableToExcel.convert(document.getElementById("tab1"), {
            name: "test.xlsx",
            sheet: {
            name: "Sheet1"
            }
          });
        });
  });
</script>

{%extends'layout.html%}
{%block title%}差距分析{%endblock%}
{%block content%}
差距分析输出
{%endblock%}
{%block-other%}
导出到Excel


{对于表%%中的表，%}
{{表|安全}}
{%endfor%}
{%endblock%}
$（文档）.ready（函数（）{
$（“#exportBtn1”）。单击（函数（）{
TableToExcel.convert（document.getElementById（“tab1”）{
名称：“test.xlsx”，
工作表：{
名称：“第1张”
}
});
});
});