{% extends "adminlte_full/base.html" %} {% import "adminlte_full/macros/widgets.html" as widgets %} {% import "adminlte_full/macros/bootstrap4.html" as bootstrap %} {% block page_title %}Simple Tables{% endblock %} {% block page_content %}
{% call widgets.render_card(title='Bordered Table') %}
{% call(row) widgets.render_table(auto_number=true, headers=task_table.headers, data=task_table.data, table_class='table-bordered') %} {{ row.task }}
{{ row.progress }}% {% endcall %}
{% endcall %} {% call widgets.render_card(title='Condensed Full Width Table') %}
{% call(row) widgets.render_table(auto_number=true, headers=task_table.headers, data=task_table.data, table_class='table-sm') %} {{ row.task }}
{{ row.progress }}% {% endcall %}
{% endcall %}
{% call widgets.render_card_wrapper() %}

Simple Full Width Table

{{ bootstrap.pagination(pages, pagination_class='pagination-sm float-right') }}
{% call(row) widgets.render_table(auto_number=true, headers=task_table.headers, data=task_table.data) %} {{ row.task }}
{{ row.progress }}% {% endcall %}
{% endcall %} {% call widgets.render_card(title='Striped Full Width Table') %}
{% call(row) widgets.render_table(auto_number=true, headers=task_table.headers, data=task_table.data, table_class='table-striped') %} {{ row.task }}
{{ row.progress }}% {% endcall %}
{% endcall %}
{% call widgets.render_card_wrapper() %}

Responsive Hover Table

{# {{ bootstrap.field(form_group_class='input-group input-group-sm') }} #}
{{ widgets.render_data_table(headers=user_table.headers, data=user_table.data, table_class='table-hover text-nowrap') }}
{% endcall %}
{% call widgets.render_card_wrapper() %}

Fixed Header Table

{{ widgets.render_data_table(headers=user_table.headers, data=user_table.data, table_class='table-head-fixed text-nowrap') }}
{% endcall %}
{% endblock %}