Table-bootstrap in report

This commit is contained in:
2023-06-06 23:57:18 +02:00
parent 8c576f8f2c
commit 3b458eab08
6 changed files with 71 additions and 19 deletions

View File

@@ -1,9 +1,29 @@
{% extends "base.html" %}
{% block styles %}
{{ super() }}
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
<link rel="stylesheet"
href="https://unpkg.com/bootstrap-table@1.21.4/dist/bootstrap-table.min.css">
<link href="https://unpkg.com/bootstrap-table@1.21.4/dist/extensions/sticky-header/bootstrap-table-sticky-header.css"
rel="stylesheet">
{% endblock %}
{% block content %}
{% include "_table_report.html" %}
<table data-url="https://examples.wenzhixin.net.cn/examples/bootstrap_table/data">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="name">Item Name</th>
<th data-field="price" data-sortable="true">Item Price</th>
</tr>
</thead>
</table>
{% endblock %}
{% block jscript %}
{{ super() }}
<script src="https://unpkg.com/bootstrap-table@1.21.4/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.21.4/dist/extensions/sticky-header/bootstrap-table-sticky-header.min.js"></script>
<script src="{{ url_for('static', filename="js/report.js") }}"></script>
<script src="{{ url_for('static', filename="js/excelFiles.js") }}"></script>
{% endblock %}