В настоящее время у меня есть приложение Flask, которое считывает данные с сервера SQL и отображает их через таблицу HTML. Я хотел бы иметь возможность отсортировать таблицу, нажав на соответствующий столбец. Если это невозможно, то как насчет предварительной сортировки данных с использованием столбца Time, а затем просто отображения отсортированной таблицы?
Это приложение:
from flask_sqlalchemy import SQLAlchemy
from sqlalchemy import Table, Column, Integer
from flask import Flask, render_template
app = Flask(__name__)
db = SQLAlchemy(app)
class Orders(db.Model):
__tablename__ = 'orders'
OrderID = db.Column(db.Integer(), primary_key=True)
TableNo = db.Column(db.Integer())
Item = db.Column(db.String())
Quantity = db.Column(db.String())
Number = db.Column(db.String())
Time = db.Column(db.String())
def __repr__(self):
return 'Order: ' + self.OrderID
@app.route("/Orders")
def html():
orders = Orders.query.all()
return render_template('Page.html', orders = orders)
if __name__ == "__main__":
app.run(debug=True)
html()
Это html код, который считывает данные из базы данных SQL.
<!DOCTYPE html>
<link href="static/style.css?versop" rel="stylesheet" type="text/css"</link>
<h1> AI Waiter <h1>
<h2> Orders </h2>
<table>
<tr>
<th>OrderID</th>
<th>TableNo</th>
<th>Number</th>
<th>Quantity</th>
<th>Item</th>
<th>Time</th>
<th>Served</th>
</tr>
{% for orders in orders %}
<tr>
<td>
{{orders.OrderID}}
</td>
<td>
{{orders.TableNo}}
</td>
<td>{{orders.Item}}</td>
<td>{{orders.Quantity}}</td>
<td>
{{orders.Number}}
</td>
<td>{{orders.Time}}</td>
<td>
<input type="checkbox"><br>
</td>
</tr>
{% endfor %}
</table>