1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
{% extends 'base.html' %}
{% from 'bootstrap5/table.html' import render_table %}
{% block content %}
<h2>Simple Table</h2>
<pre>{% raw %}{{ render_table(messages) }}{% endraw %}</pre>
{{ render_table(messages) }}
<h2>Customized Table</h2>
<pre>{% raw %}{{ render_table(messages, titles, table_classes='table-striped', header_classes='thead-dark', body_classes='table-group-divider', caption='Messages') }}{% endraw %}</pre>
{{ render_table(messages, titles, table_classes='table-striped', header_classes='thead-dark', body_classes='table-group-divider', caption='Messages') }}
<h2>Responsive Table</h2>
<pre>{% raw %}{{ render_table(messages, responsive=True, responsive_class='table-responsive-sm') }}{% endraw %}</pre>
{{ render_table(messages, responsive=True, responsive_class='table-responsive-sm') }}
<h2>Table with actions</h2>
<pre>{% raw %}{{ render_table(messages, urlize_columns=('text'), show_actions=True, model=Message,
view_url=('view_message', [('message_id', ':id')]),
edit_url=('edit_message', [('message_id', ':id')]),
delete_url=('delete_message', [('message_id', ':id')]),
new_url=url_for('new_message')) }}{% endraw %}</pre>
{{ render_table(messages, urlize_columns=('text'), show_actions=True, model=Message,
view_url=('view_message', [('message_id', ':id')]),
edit_url=('edit_message', [('message_id', ':id')]),
delete_url=('delete_message', [('message_id', ':id')]),
new_url=url_for('new_message')) }}
<h2>Table with custom actions</h2>
<pre>{% raw %}{{ render_table(messages, show_actions=True, model=Message,
custom_actions=[
(
'Like',
'heart-fill',
('like_message', [('message_id', ':id')])
)
]) }}{% endraw %}</pre>
{{ render_table(messages, show_actions=True, model=Message,
custom_actions=[
(
'Like',
'heart-fill',
('like_message', [('message_id', ':id')])
)
]) }}
<h2>Table without SQLAlchemy</h2>
<p>The <pre>data</pre> contains a list of dict: <pre>[{'field1': 'value', 'field2': 'value', ...}, {...}]</pre></p>
<pre>{% raw %}{{ render_table(data, titles) }}{% endraw %}</pre>
{{ render_table(data, titles) }}
{% endblock %}
|
