garmindb-mtb-dashboard/apps/templates/home/table.html

{% extends "layouts/base.html" %}

{% block title %} Dashboard {% endblock %} 

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.3/css/jquery.dataTables.min.css"></link>
    <link rel="stylesheet" type="text/css" href="https://datatables.net/media/css/site-examples.css"></link>
    </script>
{% endblock stylesheets %}

{% block content %}

<div class="content">
        {% for table in tables %}
        <!-- {{titles[loop.index]}}  -->
        {{ table|safe }}
        {% endfor %}
</div>

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

    <!-- <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> -->
    <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.13.3/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" language="javascript" class="init">
    $(document).ready(function () {
        // Javascript method's body can be found in assets/js/demos.js
         $('.dataTable').DataTable();
        //demo.initDashboardPageCharts();
    });
</script>

{% endblock javascripts %}