aboutsummaryrefslogtreecommitdiffstats
path: root/ctrack/caf
diff options
context:
space:
mode:
authorMatthew Lemon <lemon@matthewlemon.com>2020-10-08 10:53:47 +0100
committerMatthew Lemon <lemon@matthewlemon.com>2020-10-08 10:53:47 +0100
commit961bcb1aa9b95848545ee4c6e1023c40c089170c (patch)
treeb2c6adea716e37da802f6322094bf4814c314b90 /ctrack/caf
parentcf55eeae111cd3fe7512fccda0bee0f1ac0575f5 (diff)
using inline css to push body down from navbar
Diffstat (limited to '')
-rw-r--r--ctrack/caf/templates/caf/applicablesystem_list.html7
-rw-r--r--ctrack/caf/templates/caf/caf_list.html6
2 files changed, 11 insertions, 2 deletions
diff --git a/ctrack/caf/templates/caf/applicablesystem_list.html b/ctrack/caf/templates/caf/applicablesystem_list.html
index b34fa33..6552f45 100644
--- a/ctrack/caf/templates/caf/applicablesystem_list.html
+++ b/ctrack/caf/templates/caf/applicablesystem_list.html
@@ -5,11 +5,16 @@
{% block title %}Systems in Scope{% endblock %}
{% block content %}
+ <script>$(document).ready(function() {
+ $('#datatable').DataTable();
+ } );
+ </script>
+
<div class="col-md-12">
<div class="row">
<div class="col-sm-12">
<h3>Systems in Scope</h3>
- <table id="datatable" class="display compact cell-border" style="width:100%">
+ <table id="datatable" class="table table-striped table-bordered compact cell-border" style="width:100%">
<thead>
<tr>
<th>Organisation</th>
diff --git a/ctrack/caf/templates/caf/caf_list.html b/ctrack/caf/templates/caf/caf_list.html
index b7433c7..d82a709 100644
--- a/ctrack/caf/templates/caf/caf_list.html
+++ b/ctrack/caf/templates/caf/caf_list.html
@@ -3,13 +3,17 @@
{% load static %}
{% block title %} CAF - All CAF Summary {% endblock %}
+{% block css %}
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
+ <link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css">
+{% endblock %}
{% block content %}
<div class="col-md-12">
<h4>CAF List</h4>
<div class="row">
<div class="col-md-12 bg-light my-2 py-2">
- <table id="datatable" class="display compact cell-border" style="width:100%">
+ <table id="datatable" class="table table-bordered compact cell-border" style="width:100%">
<thead>
<tr>
<th>Organisation</th>