Question

我有一个使用Jinja2模板在Python Flask中编写的Web应用程序。我试图添加一个Bootstrap表来从表中导出数据。因此，我将CSS和Javascript文件下载并复制到适当的文件夹中，并按如下方式引用它们。

<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-table.min.css') }}">
<script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap-table.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap-table-export.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/tableexport.js') }}"></script>
<script>$("div.navbar-fixed-top").autoHidingNavbar();</script>
<link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.9.2.min.css" type="text/css" />
<script type="text/javascript" src="http://cdn.pydata.org/bokeh/release/bokeh-0.9.2.min.js"></script>

要创建表，我有这部分代码：

<table class="table table-bordered table-hover" id="pageTables" data-toggle="table" data-show-columns="true" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-export="true" data-pagination="true" data-click-to-select="true" data-toolbar="#toolbar">
    <thead>
        <tr>
            <th data-field="E">E</th>
            <th data-field="bthrs">Base </th>
            <th data-field="mag">Mag</th>
            <th data-field="ht">Ho (secs)</th>
            <th data-field="dt">De(secs)</th>
        </tr>
    </thead> 
....

<script>
var $table = $('#table');
$(function () {
    $('#toolbar').find('select').change(function () {
        $table.bootstrapTable('refreshOptions', {
            exportDataType: $(this).val()
        });
    });
})

它创建了我的表，但导出数据不起作用。你能帮帮我吗？

Answer 1

这可能意味着你bootstrap.table.min.css的位置有问题。如果您只有此错误，请检查您“bootstrap.min.css”所在的文件夹是否也包含“bootstrap.table.min.css”。如果它不存在，请尝试从以下位置下载：http://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.css P.S：在你的代码中，你似乎有 bootstrap.table.min.css，不是 bootstrap-table.min.css。（有一个点而不是' - '）

Bootstrap表导出数据问题

1 个答案: