{% extends 'base.html' %} {% from 'bootstrap5/table.html' import render_table %} {% block content %}

Simple Table

{% raw %}{{ render_table(messages) }}{% endraw %}
{{ render_table(messages) }}

Customized Table

{% raw %}{{ render_table(messages, titles, table_classes='table-striped', header_classes='thead-dark', body_classes='table-group-divider', caption='Messages') }}{% endraw %}
{{ render_table(messages, titles, table_classes='table-striped', header_classes='thead-dark', body_classes='table-group-divider', caption='Messages') }}

Responsive Table

{% raw %}{{ render_table(messages, responsive=True, responsive_class='table-responsive-sm') }}{% endraw %}
{{ render_table(messages, responsive=True, responsive_class='table-responsive-sm') }}

Table with actions

{% 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 %}
{{ 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')) }}

Table with custom actions

{% raw %}{{ render_table(messages, show_actions=True, model=Message,
                custom_actions=[
                    (
                        'Like',
                        'heart-fill',
                        ('like_message', [('message_id', ':id')])
                    )
                ]) }}{% endraw %}
{{ render_table(messages, show_actions=True, model=Message, custom_actions=[ ( 'Like', 'heart-fill', ('like_message', [('message_id', ':id')]) ) ]) }}

Table without SQLAlchemy

The

data
contains a list of dict:
[{'field1': 'value', 'field2': 'value', ...}, {...}]

{% raw %}{{ render_table(data, titles) }}{% endraw %}
{{ render_table(data, titles) }} {% endblock %}