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