{% extends "adminlte_full/base.html" %} {% import "adminlte_full/macros/widgets.html" as widgets %} {% block page_title %}DataTables{% endblock %} {% block page_content %}
{% call widgets.render_card(title='DataTable with minimal features & hover style') %}
{{ widgets.render_data_table ( table_id='example1', table_class='table-bordered table-hover', auto_number=true, headers=browser_table.headers.values(), data=browser_table.data ) }}
{% endcall %} {% call widgets.render_card(title='DataTable with default features') %}
{{ widgets.render_data_table ( table_id='example2', table_class='table-bordered table-hover table-striped', headers=browser_table.headers, data=browser_table.data_dict ) }}
{% endcall %}
{% endblock %} {% block styles %} {{ super() }} {% endblock %} {% block javascript %} {{ super() }} {% endblock %} {% block javascript_inline %} $(function () { $("#example1").DataTable({ "paging": true, "lengthChange": false, "searching": false, "ordering": true, "info": true, "autoWidth": false, "responsive": true, }); $('#example2').DataTable({ "responsive": true, "autoWidth": false, }); }); {% endblock %}