src/templates/dashboard/table.html

   1 {% extends "base.html" %}
   2 {% load staticfiles %}
   3
   4 {% block extrahead %}
   5     {{ block.super }}
   6     <!-- DataTables CSS -->
   7     <link href="{% static "bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css" %}"
   8           rel="stylesheet">
   9
  10     <!-- DataTables Responsive CSS -->
  11     <link href="{% static "bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" %}"
  12           rel="stylesheet">
  13 {% endblock extrahead %}
  14
  15 {% block content %}
  16     <div class="row">
  17         <div class="col-lg-12">
  18                     <div class="dataTables_wrapper">
  19                         <table class="table table-striped table-bordered table-hover" id="table" cellspacing="0"
  20                                width="100%">
  21
  22                             {% block table %}
  23                             {% endblock table %}
  24
  25                         </table>
  26                     </div>
  27                     <!-- /.table-responsive -->
  28                 <!-- /.panel-body -->
  29             <!-- /.panel -->
  30         </div>
  31         <!-- /.col-lg-12 -->
  32     </div>
  33 {% endblock content %}
  34
  35 {% block extrajs %}
  36     <!-- DataTables JavaScript -->
  37
  38     <script src={% static "bower_components/datatables.net/js/jquery.dataTables.min.js" %}></script>
  39     <script src={% static "bower_components/datatables.net-bs4/js/dataTables.bootstrap4.min.js" %}></script>
  40
  41     <script src={% static "js/dataTables-sort.js" %}></script>
  42
  43     {% block tablejs %}
  44     {% endblock tablejs %}
  45 {% endblock extrajs %}