From 7d3c2681e2587e57f37c90b6affde44b63c98527 Mon Sep 17 00:00:00 2001
From: Lars Eggert <lars@eggert.org>
Date: Tue, 22 Dec 2015 10:39:44 +0000
Subject: [PATCH] Use js tablesort almost everywhere I thought it would make
 sense. While I touched the pages, I also corrected a few minor HTML nits,
 capitalization inconsistencies and some other minor things.

Range r10605:r10621 ready for merge.
 - Legacy-Id: 10621
---
 ietf/community/display.py                     |  6 +--
 ietf/group/tests_info.py                      | 10 ++--
 ietf/name/fixtures/names.json                 |  2 +-
 ietf/static/ietf/js/ietf.js                   |  2 +
 ietf/templates/community/manage_clist.html    | 54 +++++++++++--------
 ietf/templates/community/raw_view.html        |  6 +--
 ietf/templates/doc/document_email.html        | 32 ++++++++---
 ietf/templates/doc/document_history.html      |  9 +++-
 .../templates/doc/document_referenced_by.html | 12 ++++-
 ietf/templates/doc/document_references.html   | 12 ++++-
 ietf/templates/doc/relationship_help.html     | 14 +++--
 ietf/templates/doc/state_help.html            | 14 +++--
 .../doc/status_change/status_changes.html     | 17 ++++--
 ietf/templates/doc/submit_to_iesg.html        |  2 +-
 ietf/templates/group/active_ags.html          | 15 ++++--
 ietf/templates/group/active_dirs.html         | 13 +++--
 ietf/templates/group/active_groups.html       | 15 ++++--
 ietf/templates/group/active_rgs.html          | 14 +++--
 ietf/templates/group/active_teams.html        | 16 ++++--
 ietf/templates/group/active_wgs.html          | 12 ++++-
 ietf/templates/group/bofs.html                | 12 ++++-
 ietf/templates/group/chartering_groups.html   | 14 +++--
 ietf/templates/group/concluded_groups.html    | 28 +++++-----
 ietf/templates/group/email.html               | 30 ++++++++---
 ietf/templates/group/history.html             | 12 ++++-
 ietf/templates/group/index.html               | 11 +++-
 ietf/templates/group/materials.html           | 24 ++++++---
 ietf/templates/group/milestones.html          |  2 +-
 ietf/templates/help/state_index.html          | 12 ++++-
 ietf/templates/help/states.html               | 12 ++++-
 ietf/templates/iesg/agenda_documents.html     | 11 ++--
 ietf/templates/iesg/discusses.html            | 10 +++-
 ietf/templates/ipr/details_history.html       | 12 ++++-
 ietf/templates/ipr/ipr_table.html             |  2 +-
 ietf/templates/ipr/list.html                  | 10 +++-
 ietf/templates/ipr/search_doc_result.html     | 21 +++++---
 .../templates/ipr/search_doctitle_result.html | 19 +++++--
 ietf/templates/ipr/search_result.html         | 12 +++--
 ietf/templates/ipr/search_wg_result.html      | 20 +++++--
 ietf/templates/liaisons/detail_history.html   | 12 ++++-
 ietf/templates/liaisons/field_help.html       | 30 +++++++----
 ietf/templates/liaisons/guide_from_ietf.html  | 12 ++++-
 ietf/templates/liaisons/guide_to_ietf.html    | 12 ++++-
 ietf/templates/liaisons/liaison_base.html     |  2 +
 ietf/templates/liaisons/liaison_table.html    |  2 +-
 ietf/templates/meeting/materials.html         | 20 ++++---
 ietf/templates/meeting/requests.html          | 16 +++++-
 ietf/templates/nomcom/announcements.html      | 16 ++++--
 ietf/templates/nomcom/index.html              | 13 ++++-
 ietf/templates/submit/approvals.html          | 18 +++++--
 ietf/templates/sync/discrepancies.html        | 12 ++++-
 51 files changed, 527 insertions(+), 189 deletions(-)

diff --git a/ietf/community/display.py b/ietf/community/display.py
index a6f293a41..f96ae1ab2 100644
--- a/ietf/community/display.py
+++ b/ietf/community/display.py
@@ -30,7 +30,7 @@ class FilenameField(DisplayField):
 class TitleField(DisplayField):
     codename = 'title'
     description = 'I-D title'
-    rfcDescription = 'RFC Title'
+    rfcDescription = 'RFC title'
 
     def get_value(self, document, raw=False):
         return document.title
@@ -38,8 +38,8 @@ class TitleField(DisplayField):
 
 class DateField(DisplayField):
     codename = 'date'
-    description = 'Date of current I-D'
-    rfcDescription = 'Date of RFC'
+    description = 'Last revision'
+    rfcDescription = 'Published'
 
     def get_value(self, document, raw=False):
         date = document.latest_event(type='new_revision')
diff --git a/ietf/group/tests_info.py b/ietf/group/tests_info.py
index d7f217c6e..2063f4efa 100644
--- a/ietf/group/tests_info.py
+++ b/ietf/group/tests_info.py
@@ -47,7 +47,7 @@ class GroupPagesTests(TestCase):
         url = urlreverse('ietf.group.info.active_groups', kwargs=dict(group_type="rg"))
         r = self.client.get(url)
         self.assertEqual(r.status_code, 200)
-        self.assertTrue('Active Research Groups' in unicontent(r))
+        self.assertTrue('Active research groups' in unicontent(r))
 
         url = urlreverse('ietf.group.info.active_groups', kwargs=dict(group_type="area"))
         r = self.client.get(url)
@@ -57,17 +57,17 @@ class GroupPagesTests(TestCase):
         url = urlreverse('ietf.group.info.active_groups', kwargs=dict(group_type="ag"))
         r = self.client.get(url)
         self.assertEqual(r.status_code, 200)
-        self.assertTrue("Active Area Groups" in unicontent(r))
+        self.assertTrue("Active area groups" in unicontent(r))
 
         url = urlreverse('ietf.group.info.active_groups', kwargs=dict(group_type="dir"))
         r = self.client.get(url)
         self.assertEqual(r.status_code, 200)
-        self.assertTrue("Active Directorates" in unicontent(r))
+        self.assertTrue("Active directorates" in unicontent(r))
 
         url = urlreverse('ietf.group.info.active_groups', kwargs=dict(group_type="team"))
         r = self.client.get(url)
         self.assertEqual(r.status_code, 200)
-        self.assertTrue("Active Teams" in unicontent(r))
+        self.assertTrue("Active teams" in unicontent(r))
 
         url = urlreverse('ietf.group.info.active_groups', kwargs=dict())
         r = self.client.get(url)
@@ -960,7 +960,7 @@ expand-ames-chairs@virtual.ietf.org                              mars_chair@ietf
         url = urlreverse('ietf.group.info.email', kwargs=dict(acronym="mars"))
         r = self.client.get(url)
         self.assertEqual(r.status_code,200)
-        self.assertTrue('Email Aliases' in unicontent(r))
+        self.assertTrue('Email aliases' in unicontent(r))
         self.assertTrue('mars-ads@ietf.org' in unicontent(r))
         self.assertTrue('group_personnel_change' in unicontent(r))
  
diff --git a/ietf/name/fixtures/names.json b/ietf/name/fixtures/names.json
index e270b992f..ef7866594 100644
--- a/ietf/name/fixtures/names.json
+++ b/ietf/name/fixtures/names.json
@@ -188,7 +188,7 @@
   "order": 0,
   "revname": "Conflict reviewed by",
   "used": true,
-  "name": "conflict reviews",
+  "name": "Conflict reviews",
   "desc": ""
  },
  "model": "name.docrelationshipname",
diff --git a/ietf/static/ietf/js/ietf.js b/ietf/static/ietf/js/ietf.js
index 9bd4da61a..f9e59a4fa 100644
--- a/ietf/static/ietf/js/ietf.js
+++ b/ietf/static/ietf/js/ietf.js
@@ -256,6 +256,8 @@ $(document).ready(function () {
         };
         // disable the URL-based sorting stuff that uses the django backend
         $(".tablesorter thead a").contents().unwrap();
+        // strip the caret used by the django backend sorting
+        $(".tablesorter thead th span.fa-caret-down").remove();
         // make the table sortable
         $(".tablesorter").tablesorter({
             emptyTo: "zero",
diff --git a/ietf/templates/community/manage_clist.html b/ietf/templates/community/manage_clist.html
index bd6630359..12bc1a045 100644
--- a/ietf/templates/community/manage_clist.html
+++ b/ietf/templates/community/manage_clist.html
@@ -1,10 +1,14 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 {% load future %}
 {% load staticfiles %}
 {% load bootstrap3 %}
 
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block title %}{{ cl.long_name }}{% endblock %}
 
 {% block content %}
@@ -34,12 +38,12 @@
         <li>Search for the document or documents you want to add using the datatracker search form.</li>
         <li>In the search results, you'll find a link to add individual documents to your list.</li>
       </ul>
-      <a class="btn btn-default" href="/doc/search/">Document search</a>
+      <p><a class="btn btn-default" href="/doc/search/">Document search</a></p>
 
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
         <thead>
 	  <tr>
-	    <th>Name</th><th>State</th><th>Title</th><th></th>
+	    <th>Name</th><th>State</th><th>Title</th><th class="sorter-false"></th>
 	  </tr>
         </thead>
         <tbody>
@@ -56,9 +60,9 @@
     </div>
 
     <div class="tab-pane" id="rules">
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
         <thead>
-	  <tr><th>Rule</th><th>Value</th><th>Documents</th><th></th></tr>
+	  <tr><th>Rule</th><th>Value</th><th>Documents</th><th class="sorter-false"></th></tr>
         </thead>
         <tbody>
 	  {% for rule in cl.rule_set.all %}
@@ -111,22 +115,26 @@
 
 {% endblock %}
 
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+
 {% comment %}
-XXX scrolling jumps around when using this, unfortunately
-<script>
-$('.nav-memory a').click(function (e) {
-e.preventDefault();
-$(this).tab('show');
-});
-
-// store the currently selected tab in the hash value
-$("ul.nav-tabs > li > a").on("shown.bs.tab", function (e) {
-var id = $(e.target).attr("href").substr(1);
-window.location.hash = id;
-});
-
-// on load of the page: switch to the currently selected tab
-var hash = window.location.hash;
-$('.nav-memory a[href="' + hash + '"]').tab('show');
-</script>
+Stay on the current tab after form submission.
+If other pages need this functionality, it should move to ietf.js.
 {% endcomment %}
+<script>
+$(function() {
+    $('a[data-toggle="tab"]').on("click", function (e) {
+        // save the current tab
+        localStorage.setItem("currentTab", $(e.target).attr("href"));
+    });
+
+    // go to "currentTab", if it exists
+    var currentTab = localStorage.getItem("currentTab");
+    if (currentTab) {
+        $('a[href="' + currentTab + '"]').click();
+    }
+});
+</script>
+
+{% endblock %}
diff --git a/ietf/templates/community/raw_view.html b/ietf/templates/community/raw_view.html
index 02e91cf3a..9ec31ca12 100644
--- a/ietf/templates/community/raw_view.html
+++ b/ietf/templates/community/raw_view.html
@@ -5,8 +5,8 @@
 
 {% with cl.get_rfcs_and_drafts as documents %}
   {% with dc.get_active_fields as fields %}
-    <h2>Drafts</h2>
-    <table class="table table-condensed table-striped">
+    <h2>Internet-Drafts</h2>
+    <table class="table table-condensed table-striped tablesorter">
       <thead>
         <tr>
           {% for field in fields %}
@@ -28,7 +28,7 @@
 
   {% with dc.get_active_fields as fields %}
     <h2>RFCs</h2>
-    <table class="table table-condensed table-striped">
+    <table class="table table-condensed table-striped tablesorter">
       <thead>
         <tr>
           {% for field in fields %}
diff --git a/ietf/templates/doc/document_email.html b/ietf/templates/doc/document_email.html
index 59f60d28d..1aa73af93 100644
--- a/ietf/templates/doc/document_email.html
+++ b/ietf/templates/doc/document_email.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 {% load ietf_filters %}
-{% load future %}
+{% load future staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Email expansions for {{ doc.name }}-{{ doc.rev }}{% endblock %}
 
@@ -11,13 +15,21 @@
   {{ top|safe }}
 
   {% if aliases %}
-  <h2>Email Aliases</h2>
-  
-  <table class="table table-condensed table-striped ietf">
+  <h2>Email aliases</h2>
+
+  <table class="table table-condensed table-striped tablesorter">
+    <thead>
+      <tr>
+        <th>Alias</th>
+        <th>Expansion</th>
+      </tr>
+    </thead>
     <tbody>
       {% for alias in aliases %}
         <tr>
-          <td>{{ doc.name }}{{ alias.alias_type|default:''}}@{{ietf_domain}}</td>
+          <td>
+            <a href="mailto:{{ doc.name }}{{ alias.alias_type|default:''}}@{{ietf_domain}}">
+            {{ doc.name }}{{ alias.alias_type|default:''}}@{{ietf_domain}}</a></td>
           <td>{{ alias.expansion }}</td>
         </tr>
       {% endfor %}
@@ -25,12 +37,12 @@
   </table>
   {% endif %}
 
-  <h2>Recipient Expansions</h2>
+  <h2>Recipient expansions</h2>
 
-  <table class="table table-condensed table-striped ietf">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
-        <th>Mail Trigger</th>
+        <th>Mail trigger</th>
         <th>To</th>
         <th>Cc</th>
       </tr>
@@ -47,3 +59,7 @@
     </tbody>
   </table>
 {% endblock content %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/document_history.html b/ietf/templates/doc/document_history.html
index cf2bea8d9..651d1bc5f 100644
--- a/ietf/templates/doc/document_history.html
+++ b/ietf/templates/doc/document_history.html
@@ -2,7 +2,7 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 {% load ietf_filters %}
-{% load future %}
+{% load future staticfiles %}
 
 {% block title %}History for {{ doc.name }}-{{ doc.rev }}{% endblock %}
 
@@ -12,6 +12,7 @@
 
 {% block pagehead %}
   <link rel="alternate" type="application/atom+xml" href="/feed/document-changes/{{ doc.name }}/" />
+  <link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
 {% endblock %}
 
 {% block content %}
@@ -88,7 +89,7 @@
     </div>
   {% endif %}
 
-  <table class="table table-condensed table-striped ietf">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Date</th>
@@ -110,3 +111,7 @@
     </tbody>
   </table>
 {% endblock content %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/document_referenced_by.html b/ietf/templates/doc/document_referenced_by.html
index ebb05eeea..ca2171749 100644
--- a/ietf/templates/doc/document_referenced_by.html
+++ b/ietf/templates/doc/document_referenced_by.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}
   References to {{alias_name}}
@@ -25,7 +29,7 @@
     </div>
   {% endif %}
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Document</th>
@@ -65,3 +69,7 @@
     </tbody>
   </table>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/document_references.html b/ietf/templates/doc/document_references.html
index e7cf85e37..0d1feec97 100644
--- a/ietf/templates/doc/document_references.html
+++ b/ietf/templates/doc/document_references.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}
   References from {{doc.canonical_name}}
@@ -17,7 +21,7 @@
     <a class="btn btn-default" href="{% url 'relationship_subset_help' subset='reference' %}">Reference type help</a>
   </p>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Document</th>
@@ -52,3 +56,7 @@
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/relationship_help.html b/ietf/templates/doc/relationship_help.html
index 1de8da0fd..30e5aec10 100644
--- a/ietf/templates/doc/relationship_help.html
+++ b/ietf/templates/doc/relationship_help.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Document relationships{% endblock %}
 
@@ -8,7 +12,7 @@
   {% origin %}
   <h1>Document relationships</h1>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Relationship</th>
@@ -19,7 +23,7 @@
     <tbody>
       {% for rel in relations %}
         <tr class="anchor-target" id="{{ rel.slug }}">
-          <td class="name">{{ rel.name }}</td>
+          <th class="name">{{ rel.name }}</th>
           <td class="desc">{{ rel.desc|linebreaksbr }}</td>
           <td class="revname">{{ rel.revname }}</td>
         </tr>
@@ -28,3 +32,7 @@
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/state_help.html b/ietf/templates/doc/state_help.html
index ffe376ea2..0b7d55fae 100644
--- a/ietf/templates/doc/state_help.html
+++ b/ietf/templates/doc/state_help.html
@@ -4,6 +4,10 @@
 {% load staticfiles %}
 {% block title %}{{ title }}{% endblock %}
 
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block content %}
   {% origin %}
   <h1>{{ title }}</h1>
@@ -12,7 +16,7 @@
     <p><a class="btn btn-default" href="{% static 'ietf/images/iesg-draft-state-diagram.png' %}">View diagram</a></p>
   {% endif %}
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>State</th>
@@ -40,7 +44,7 @@
   {% if tags %}
     <h2>Tags</h2>
 
-    <table class="table table-condensed table-striped">
+    <table class="table table-condensed table-striped tablesorter">
       <thead>
         <tr>
           <th>Tag</th>
@@ -51,7 +55,7 @@
       <tbody>
         {% for tag in tags %}
           <tr class="anchor-target" id="{{ tag.slug }}">
-            <td>{{ tag.name }}</td>
+            <th>{{ tag.name }}</th>
             <td>{{ tag.desc|linebreaksbr }}</td>
           </tr>
         {% endfor %}
@@ -60,3 +64,7 @@
   {% endif %}
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/status_change/status_changes.html b/ietf/templates/doc/status_change/status_changes.html
index f7dced285..ece2ab751 100644
--- a/ietf/templates/doc/status_change/status_changes.html
+++ b/ietf/templates/doc/status_change/status_changes.html
@@ -1,7 +1,11 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}RFC status changes{% endblock %}
 
@@ -14,7 +18,7 @@
   {% endif %}
 
   {% regroup docs by get_state as state_groups %}
-  <table class="table table-striped table-condensed">
+  <table class="table table-striped table-condensed tablesorter">
     <thead>
       <tr>
         <th>Document</th>
@@ -22,18 +26,23 @@
       </tr>
     </thead>
 
-    <tbody>
       {% for state in state_groups %}
+    <tbody>
         <tr class="info"><th colspan="2">{{state.grouper}}</th></tr>
+    </tbody>
 
+    <tbody>
         {% for doc in state.list %}
           <tr>
 	    <td>{{ doc.displayname_with_link|safe }}</td>
             <td><b>{{ doc.title }}</b></td>
           </tr>
         {% endfor %}
-      {% endfor %}
     </tbody>
+      {% endfor %}
   </table>
 {% endblock content %}
 
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/doc/submit_to_iesg.html b/ietf/templates/doc/submit_to_iesg.html
index b77a69369..3efdfc535 100644
--- a/ietf/templates/doc/submit_to_iesg.html
+++ b/ietf/templates/doc/submit_to_iesg.html
@@ -16,7 +16,7 @@
     Please verify the following information:
   </p>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed">
     <tr {% if warn.intended_std_level %}class="warning"{% endif %}>
       <th class="text-nowrap">Intended status level</th>
       <td>{% if warn.intended_std_level %}<span class="fa fa-warning"></span>{% endif %}</td>
diff --git a/ietf/templates/group/active_ags.html b/ietf/templates/group/active_ags.html
index 06ebc979c..7aa43a1ef 100644
--- a/ietf/templates/group/active_ags.html
+++ b/ietf/templates/group/active_ags.html
@@ -1,13 +1,17 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
-{% block title %}Active Area Groups{% endblock %}
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
+{% block title %}Active area groups{% endblock %}
 
 {% block content %}
   {% origin %}
-  <h1>Active Area Groups</h1>
-  <table class="table table-condensed table-striped">
+  <h1>Active area groups</h1>
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Team</th>
@@ -43,3 +47,6 @@
   </table>
 {% endblock %}
 
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/active_dirs.html b/ietf/templates/group/active_dirs.html
index 08f1ed645..c3a312189 100644
--- a/ietf/templates/group/active_dirs.html
+++ b/ietf/templates/group/active_dirs.html
@@ -1,14 +1,18 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
-{% block title %}Active Directorates{% endblock %}
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
+{% block title %}Active directorates{% endblock %}
 
 
 {% block content %}
   {% origin %}
   <h1>Active Directorates</h1>
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Team</th>
@@ -44,3 +48,6 @@
   </table>
 {% endblock %}
 
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/active_groups.html b/ietf/templates/group/active_groups.html
index b63731a61..26d3fe05f 100644
--- a/ietf/templates/group/active_groups.html
+++ b/ietf/templates/group/active_groups.html
@@ -1,13 +1,17 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
-{% block title %}Active Groups{% endblock %}
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
+{% block title %}Active groups{% endblock %}
 
 {% block content %}
   {% origin %}
-  <h1>Active Groups</h1>
-  <table class="table table-condensed table-striped">
+  <h1>Active groups</h1>
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Type</th>
@@ -25,3 +29,6 @@
   </table>
 {% endblock %}
 
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/active_rgs.html b/ietf/templates/group/active_rgs.html
index b26e13977..5b6eac5b1 100644
--- a/ietf/templates/group/active_rgs.html
+++ b/ietf/templates/group/active_rgs.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Active IRTF research groups{% endblock %}
 
@@ -11,9 +15,9 @@
   <h2>IRTF chair</h2>
   <p><a href="mailto:irtf-chair@irtf.org">{{ irtf.chair.person.plain_name }}</a></p>
 
-  <h2>Active Research Groups</h2>
+  <h2>Active research groups</h2>
 
-  <table class="table table-striped table-condensed">
+  <table class="table table-striped table-condensed tablesorter">
     <thead>
       <tr>
         <th>Group</th>
@@ -33,3 +37,7 @@
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/active_teams.html b/ietf/templates/group/active_teams.html
index 3867a01b3..3501ab6e6 100644
--- a/ietf/templates/group/active_teams.html
+++ b/ietf/templates/group/active_teams.html
@@ -1,14 +1,18 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
-{% block title %}Active Teams{% endblock %}
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
+{% block title %}Active teams{% endblock %}
 
 
 {% block content %}
   {% origin %}
-  <h1>Active Teams</h1>
-  <table class="table table-condensed table-striped">
+  <h1>Active teams</h1>
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Team</th>
@@ -32,3 +36,7 @@
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/active_wgs.html b/ietf/templates/group/active_wgs.html
index 3a3d7b8de..6b84f9b94 100644
--- a/ietf/templates/group/active_wgs.html
+++ b/ietf/templates/group/active_wgs.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Active IETF working groups{% endblock %}
 
@@ -42,7 +46,7 @@
 
         {% if area.groups %}
           <h3>{{ area.acronym }} active WG{{ area.groups|pluralize}}</h3>
-          <table class="table table-condensed table-striped">
+          <table class="table table-condensed table-striped tablesorter">
             <thead>
 	      <tr>
 	        <th>Group</th>
@@ -86,3 +90,7 @@
     </div>
   </div>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/bofs.html b/ietf/templates/group/bofs.html
index 14340f510..22bd0c0f5 100644
--- a/ietf/templates/group/bofs.html
+++ b/ietf/templates/group/bofs.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}BOFs{% endblock %}
 
@@ -19,7 +23,7 @@
   {% if not groups %}
     <p>No BOFs found.</p>
   {% else %}
-    <table class="table table-condensed table-striped ietf">
+    <table class="table table-condensed table-striped tablesorter">
       <thead>
         <tr>
           <th>BOF</th>
@@ -40,3 +44,7 @@
   {% endif %}
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/chartering_groups.html b/ietf/templates/group/chartering_groups.html
index 0de27c031..e39336220 100644
--- a/ietf/templates/group/chartering_groups.html
+++ b/ietf/templates/group/chartering_groups.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Chartering or re-chartering groups{% endblock %}
 
@@ -30,10 +34,10 @@
     {% if not t.chartering_groups %}
       <p>No groups found.</p>
     {% else %}
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
         <thead>
           <tr>
-            <th>Group</th>
+            <th>{{ t.name }}</th>
             <th>Name</th>
             <th>Date</th>
             <th>Status</th>
@@ -69,3 +73,7 @@
     {% endif %}
   {% endfor %}
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/concluded_groups.html b/ietf/templates/group/concluded_groups.html
index 4915960c8..1489b431f 100644
--- a/ietf/templates/group/concluded_groups.html
+++ b/ietf/templates/group/concluded_groups.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Concluded groups{% endblock %}
 
@@ -29,7 +33,7 @@
     {% if not t.concluded_groups %}
       <p><b>No groups found.</b></p>
     {% else %}
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
         <thead>
           <tr>
             <th>Group</th>
@@ -45,20 +49,8 @@
 	        <a href="{{ g.about_url }}">{{ g.acronym }}</a>
               </td>
               <td>{{ g.name }}</td>
-              <td>
-	        {% if g.start_date %}
-	          {{ g.start_date|date:"M. Y" }}
-	        {% else %}
-	          <span class="text-muted">?</span>
-	        {% endif %}
-              </td>
-              <td>
-	        {% if g.conclude_date %}
-	          {{ g.conclude_date|date:"M. Y" }}
-	        {% else %}
-	          <span class="text-muted">?</span>
-	        {% endif %}
-              </td>
+              <td>{{ g.start_date|date:"Y-m" }}</td>
+              <td>{{ g.conclude_date|date:"Y-m" }}</td>
             </tr>
           {% endfor %}
         </tbody>
@@ -67,3 +59,7 @@
   {% endfor %}
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/email.html b/ietf/templates/group/email.html
index e1f47f566..7c0591798 100644
--- a/ietf/templates/group/email.html
+++ b/ietf/templates/group/email.html
@@ -2,19 +2,31 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 {% load ietf_filters %}
-{% load future %}
+{% load future staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block group_content %}
   {% origin %}
 
   {% if aliases %}
-  <h2>Email Aliases</h2>
+  <h2>Email aliases</h2>
 
-  <table class="table table-condensed table-striped ietf">
+  <table class="table table-condensed table-striped tablesorter">
+    <thead>
+      <tr>
+        <th>Alias</th>
+        <th>Expansion</th>
+      </tr>
+    </thead>
     <tbody>
       {% for alias in aliases %}
         <tr>
-          <td>{{ group.acronym }}{{ alias.alias_type|default:''}}@{{ietf_domain}}</td>
+          <td>
+            <a href="mailto:{{ group.acronym }}{{ alias.alias_type|default:''}}@{{ietf_domain}}">
+            {{ group.acronym }}{{ alias.alias_type|default:''}}@{{ietf_domain}}</a></td>
           <td>{{ alias.expansion }}</td>
         </tr>
       {% endfor %}
@@ -22,12 +34,12 @@
   </table>
   {% endif %}
 
-  <h2>Recipient Expansions</h2>
+  <h2>Recipient expansions</h2>
 
-  <table class="table table-condensed table-striped ietf">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
-        <th>Mail Trigger</th>
+        <th>Mail trigger</th>
         <th>To</th>
         <th>Cc</th>
       </tr>
@@ -45,3 +57,7 @@
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/history.html b/ietf/templates/group/history.html
index f62bfb84f..11064a59f 100644
--- a/ietf/templates/group/history.html
+++ b/ietf/templates/group/history.html
@@ -2,11 +2,15 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 {% load ietf_filters %}
-{% load future %}
+{% load future staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block group_content %}
   {% origin %}
-  <table class="table table-condensed table-striped ietf">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Date</th>
@@ -28,3 +32,7 @@
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/index.html b/ietf/templates/group/index.html
index 5d548a2bf..acb1a70b5 100644
--- a/ietf/templates/group/index.html
+++ b/ietf/templates/group/index.html
@@ -1,16 +1,20 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
 {% load ietf_filters %}
 
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block title %}Other RFC streams{% endblock %}
 
 {% block content %}
   {% origin %}
   <h1>Other RFC streams</h1>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <th>Stream</th>
       <th>Owner</th>
@@ -34,3 +38,6 @@
   </table>
 {% endblock %}
 
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/materials.html b/ietf/templates/group/materials.html
index 5fb240cdb..f9e70aadf 100644
--- a/ietf/templates/group/materials.html
+++ b/ietf/templates/group/materials.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}{% origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block group_subtitle %}Materials{% endblock %}
 
@@ -14,16 +18,18 @@
     {% for doc_type, docs in doc_types %}
       <h2>{{ doc_type.name }}</h2>
 
-      <table class="table table-condensed table-striped materials">
+      <table class="table table-condensed table-striped materials tablesorter">
+      <thead>
         <tr>
           <th>Title</th>
           <th>Abstract</th>
-          <th>Curr. Rev.</th>
+          <th>Curr. rev.</th>
           <th>Date</th>
-          <th>Last Presented</th>
-          <th>On Agenda</th>
+          <th>Last presented</th>
+          <th>On agenda</th>
         </tr>
-
+      </thead>
+      <tbody>
         {% for d in docs %}
           <tr>
             <td><a class="title-link" href="{% url "doc_view" name=d.name %}">{{ d.title }}</a></td>
@@ -44,6 +50,7 @@
                 {% endif %}
                 {% if not forloop.last %}, {% endif %}
               {% endfor %}
+              </td>
               <td>{% regroup d.future_presentations by session.meeting as meeting_pres_list %} 
                 {% for p in meeting_pres_list %}
                   {{ p.grouper }}
@@ -61,6 +68,7 @@
               </td>
           </tr>
         {% endfor %}
+        </tbody>
       </table>
     {% endfor %}
   {% else %}
@@ -70,3 +78,7 @@
   {% endif %}
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/milestones.html b/ietf/templates/group/milestones.html
index 601dc57a6..eea6a3a88 100644
--- a/ietf/templates/group/milestones.html
+++ b/ietf/templates/group/milestones.html
@@ -1,6 +1,6 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}{% load origin %}{% origin %}
 {# assumes milestones is in context #}
-<table class="table table-condensed table-striped ietf">
+<table class="table table-condensed table-striped tablesorter">
   <thead>
     <tr>
       <th>Date</th>
diff --git a/ietf/templates/help/state_index.html b/ietf/templates/help/state_index.html
index 5648a5bde..c5e065351 100644
--- a/ietf/templates/help/state_index.html
+++ b/ietf/templates/help/state_index.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %} Document state index{% endblock %}
 
@@ -11,7 +15,7 @@
 
   <p>Document state information is available for the following document and document state groups:</p>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Document</th>
@@ -38,3 +42,7 @@
 
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/help/states.html b/ietf/templates/help/states.html
index 6cebd406c..6faad8d6a 100644
--- a/ietf/templates/help/states.html
+++ b/ietf/templates/help/states.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %} {{type.label|cut:"state"|cut:"state"}} states{% endblock %}
 
@@ -10,7 +14,7 @@
   <h1>{{type.label|cut:"state"|cut:"State"}} states</h1>
 
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>State</th>
@@ -33,3 +37,7 @@
 
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/iesg/agenda_documents.html b/ietf/templates/iesg/agenda_documents.html
index 75ae473a4..444f5fc48 100644
--- a/ietf/templates/iesg/agenda_documents.html
+++ b/ietf/templates/iesg/agenda_documents.html
@@ -1,12 +1,13 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
 {% load ballot_icon %}
 {% load ietf_filters %}
 
 {% block pagehead %}
   <link rel="alternate" type="application/atom+xml" href="/feed/iesg-agenda/">
+  <link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
 {% endblock %}
 
 {% block title %}Documents on future IESG telechat agendas{% endblock %}
@@ -42,10 +43,10 @@
       {% endif %}
 
       {% if "docs" in section and section.docs %}
-        <table class="table table-condensed table-striped ietf">
+        <table class="table table-condensed table-striped tablesorter">
           <thead>
             <tr>
-	      <th></th>
+	      <th class="sorter-false"></th>
 	      <th>Document</th>
 	      <th>Date</th>
 	      <th>Status</th>
@@ -70,3 +71,7 @@
   {% endif %}
 
 {% endblock content %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/iesg/discusses.html b/ietf/templates/iesg/discusses.html
index fb153a131..538a7b17f 100644
--- a/ietf/templates/iesg/discusses.html
+++ b/ietf/templates/iesg/discusses.html
@@ -1,10 +1,14 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
 
 {% load ballot_icon %}
 {% load ietf_filters %}
 
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block title %}IESG discuss positions{% endblock %}
 
 {% block content %}
@@ -25,7 +29,7 @@
     </p>
   {% endif %}
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Document</th>
@@ -64,6 +68,7 @@
 {% endblock %}
 
 {% block js %}
+  <script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
   <script>
     $(".discuss").click(function () {
         var x = $(this).find("input").val();
@@ -76,3 +81,4 @@
     });
   </script>
 {% endblock %}
+
diff --git a/ietf/templates/ipr/details_history.html b/ietf/templates/ipr/details_history.html
index 032434e96..6a4cf742b 100644
--- a/ietf/templates/ipr/details_history.html
+++ b/ietf/templates/ipr/details_history.html
@@ -2,9 +2,13 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters ipr_filters %}
+{% load ietf_filters ipr_filters staticfiles %}
 {% load future %}
 
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block title %}History for IPR - {{ ipr.title }}{% endblock %}
 
 {% block content %}
@@ -20,7 +24,7 @@
     </p>
   {% endif %}
 
-  <table class="table table-condensed table-striped history">
+  <table class="table table-condensed table-striped history tablesorter">
     <thead>
       <tr>
         <th>Date</th>
@@ -54,3 +58,7 @@
     </tbody>
   </table>
 {% endblock content %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/ipr/ipr_table.html b/ietf/templates/ipr/ipr_table.html
index 52702e591..a363c02bb 100644
--- a/ietf/templates/ipr/ipr_table.html
+++ b/ietf/templates/ipr/ipr_table.html
@@ -1,7 +1,7 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}{% origin %}
 {% load ietf_filters %}
-<table class="table table-condensed table-striped ipr-table">
+<table class="table table-condensed table-striped ipr-table tablesorter">
   <thead>
     <tr>
       <th>Date</th>
diff --git a/ietf/templates/ipr/list.html b/ietf/templates/ipr/list.html
index 8ca12bd37..fbeaeeafc 100644
--- a/ietf/templates/ipr/list.html
+++ b/ietf/templates/ipr/list.html
@@ -2,12 +2,16 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
 
 {% block title %}Intellectual property rights disclosures{% endblock %}
 
 {% block bodyAttrs %}data-spy="scroll" data-target="#affix"{% endblock %}
 
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block content %}
   {% origin %}
   <div class="row">
@@ -59,3 +63,7 @@
     </div>
   </div>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/ipr/search_doc_result.html b/ietf/templates/ipr/search_doc_result.html
index 635893180..09d35b91a 100644
--- a/ietf/templates/ipr/search_doc_result.html
+++ b/ietf/templates/ipr/search_doc_result.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}{% origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block search_header %}Draft search results{% endblock %}
 
@@ -10,7 +14,7 @@
   <p class="alert alert-info">Total number of IPR disclosures found: <b>{{ iprs|length }}</b>.</p>
 
   {% if iprs %}
-    <table class="table table-condensed table-striped">
+    <table class="table table-condensed table-striped tablesorter">
       <thead>
         <tr>
           <th>Date</th>
@@ -35,7 +39,7 @@
 
   <p class="alert alert-info">Total number of documents searched: <b>{{ docs|length}}</b>.</p>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
 	<th>Date</th>
@@ -44,14 +48,15 @@
       </tr>
     </thead>
 
-    <tbody>
       {% for doc in docs %}
+    <tbody>
         <tr>
           <th class="warning" colspan="3">
             Results for {{ doc.name|rfcspace|lstrip:"0"|rfcnospace }} ("{{ doc.document.title }}"){% if not forloop.first %}{% if doc.related %}, that was {{ doc.relation|lower }} {{ doc.related.source|rfcspace|lstrip:"0"|rfcnospace  }} ("{{ doc.related.source.title }}"){% endif %}{% endif %}:
           </th>
         </tr>
-
+    </tbody>
+    <tbody>
         {% with doc.iprdocrel_set.all as doc_iprs %}
           {% if doc_iprs %}
             {% for ipr in doc_iprs %}
@@ -76,8 +81,12 @@
             </tr>
           {% endif %}
         {% endwith %}
-      {% endfor %}
     </tbody>
+      {% endfor %}
   </table>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/ipr/search_doctitle_result.html b/ietf/templates/ipr/search_doctitle_result.html
index 781cbeb85..46d377b00 100644
--- a/ietf/templates/ipr/search_doctitle_result.html
+++ b/ietf/templates/ipr/search_doctitle_result.html
@@ -2,7 +2,12 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}{% origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block search_header %}Search result on {{ q }}{% endblock %}
 
 {% block search_result %}
@@ -11,17 +16,19 @@
   {% else %}
     <p class="alert alert-info">Total number of IPR disclosures found: <b>{{ iprs|length }}</b>.</p>
 
-    <table class="table table-condensed table-striped">
+    <table class="table table-condensed table-striped tablesorter">
       <thead><th>Date</th><th>ID</th><th>Statement</th></thead>
-      <tbody>
         {% for alias in docs %}
+      <tbody>
           <tr>
             <th class="warning" colspan="3">
 	      IPR that is related to <i>{{ alias.name|rfcspace|lstrip:"0"|rfcnospace }} ("{{ alias.document.title }}"){% if alias.related %}</i> that was <i>{{ alias.relation|lower }} {{ alias.related.source.name|rfcspace|lstrip:"0"|rfcnospace  }} ("{{ alias.related.source.title }}"){% endif %}
 	      </i>
             </th>
           </tr>
+      </tbody>
 
+      <tbody>
           {% if alias.document.ipr %}
             {% for ipr in alias.document.ipr %}
               <tr>
@@ -46,8 +53,12 @@
               <td>No IPR disclosures related to <i>{{ alias.name|rfcspace|lstrip:"0" }}</i> have been submitted.</td>
             </tr>
           {% endif %}
-        {% endfor %}
       </tbody>
+        {% endfor %}
     </table>
   {% endif %}
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/ipr/search_result.html b/ietf/templates/ipr/search_result.html
index 34740d1f6..5d7a073e3 100644
--- a/ietf/templates/ipr/search_result.html
+++ b/ietf/templates/ipr/search_result.html
@@ -3,7 +3,11 @@
 {% load origin %}
 {% load staticfiles %}
 {% load ietf_filters %}
-{% load future %}
+{% load future staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}IPR disclosures{% endblock %}
 
@@ -23,7 +27,7 @@
         Total number of IPR disclosures found: <b>{{ iprs|length }}</b>.
       </p>
 
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
         <thead><th>Date</th><th>ID</th><th>Statement</th></thead>
 
         {% block iprlist %}
@@ -50,7 +54,8 @@
 	          {% block intro_suffix %}{% endblock %}
                 </th>
               </tr>
-
+            </tbody>
+            <tbody>
               <tr>
                 <td class="text-nowrap">{{ ipr.time|date:"Y-m-d" }}</td>
                 <td>{{ ipr.id }}</td>
@@ -82,5 +87,6 @@
 {% endblock %}
 
 {% block js %}
+  <script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
   <script type="text/javascript" src="{% static 'ietf/js/ipr-search.js' %}"></script>
 {% endblock %}
diff --git a/ietf/templates/ipr/search_wg_result.html b/ietf/templates/ipr/search_wg_result.html
index ac7ea398a..216c12e43 100644
--- a/ietf/templates/ipr/search_wg_result.html
+++ b/ietf/templates/ipr/search_wg_result.html
@@ -2,14 +2,19 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}{% origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block search_header %}Working Group search results{% endblock %}
 
 {% block search_result %}
   <p class="alert alert-info">Total number of {{ q }} WG IPR disclosures found: <b>{{ iprs|length }}</b>. </p>
 
   {% if docs %}
-    <table class="table table-condensed table-striped">
+    <table class="table table-condensed table-striped tablesorter">
       <thead>
       <tr>
         <th>Date</th>
@@ -18,14 +23,15 @@
       </tr>
       </thead>
 
-      <tbody>
         {% for alias in docs %}
+      <tbody>
           <tr>
             <th class="warning" colspan="3">
 	      IPR related to {{ alias.name|rfcspace|lstrip:"0"|rfcnospace }} ("{{ alias.document.title }}"){% if alias.related %} that was {{ alias.relation|lower }} {{ alias.related.source|rfcspace|lstrip:"0"|rfcnospace  }} ("{{ alias.related.source.title|escape }}"){% endif %}{% if alias.product_of_this_wg %}, a product of the {{ q }} WG{% endif %}:
             </th>
           </tr>
-
+      </tbody>
+      <tbody>
           {% if alias.document.ipr %}
             {% for ipr in alias.document.ipr %}
               <tr>
@@ -50,9 +56,13 @@
               <td>No IPR disclosures related to <i>{{ alias.name|rfcspace|lstrip:"0" }}</i> have been submitted.</td>
             </tr>
           {% endif %}
-        {% endfor %}
       </tbody>
+        {% endfor %}
     </table>
   {% endif %}
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/liaisons/detail_history.html b/ietf/templates/liaisons/detail_history.html
index 9749dc9b7..c65a8cf82 100644
--- a/ietf/templates/liaisons/detail_history.html
+++ b/ietf/templates/liaisons/detail_history.html
@@ -1,7 +1,11 @@
 {% extends "base.html" %}
 
 {% load future %}
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}History for Liaison Statement - {{ liaison.title }}{% endblock %}
 
@@ -16,7 +20,7 @@
     </p>
   {% endif %}
 
-  <table class="table table-condensed table-striped history">
+  <table class="table table-condensed table-striped history tablesorter">
     <thead>
       <tr>
         <th>Date</th>
@@ -42,3 +46,7 @@
     </tbody>
   </table>
 {% endblock content %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/liaisons/field_help.html b/ietf/templates/liaisons/field_help.html
index 4de075f1d..c2e73cbee 100644
--- a/ietf/templates/liaisons/field_help.html
+++ b/ietf/templates/liaisons/field_help.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Liaison statement field help{% endblock %}
 
@@ -44,7 +48,7 @@
     </a>
   </p>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
     <th>Fieldset</th>
@@ -60,7 +64,7 @@
       <td>Use arrows to select or type name to search</td>
     </tr>
     <tr>
-      <td></td>
+      <th>From</th>
       <th>From Contact</th>
       <td>
     The e-mail address of the person submitting the liaison statement.
@@ -68,7 +72,7 @@
       <td>The field is filled in automatically.</td>
     </tr>
     <tr>
-      <td></td>
+      <th>From</th>
       <th>Response Contacts</th>
       <td>
     The e-mail address(es) to which any response should be sent, separated by commas.
@@ -86,7 +90,7 @@
       </td>
     </tr>
     <tr>
-      <td></td>
+      <th>To</th>
       <th>Contacts</th>
       <td>
     The e-mail address(es) of the recipient(s) of the liaison statement, separated by commas.
@@ -102,7 +106,7 @@
       <td>Optional. Suggested format: Name &lt;e-mail address&gt</td>
     </tr>
     <tr>
-      <td></td>
+      <th>Other email addresses</th>
       <th>Action Holder Contacts</th>
       <td>
     The e-mail address(es) of the persons responsible for acting on the statement.
@@ -110,7 +114,7 @@
       <td>Optional. Suggested format: Name &lt;e-mail address&gt</td>
     </tr>
     <tr>
-      <td></td>
+      <th>Other email addresses</th>
       <th>Cc</th>
       <td>
     The e-mail address(es) of the copy recipient(s) of the liaison statement, one on each line.
@@ -128,7 +132,7 @@
       </td>
     </tr>
     <tr>
-      <td></td>
+      <th>Purpose</th>
       <th>Deadline</th>
       <td>The date by which a comment or action is required.</td>
       <td>
@@ -143,13 +147,13 @@
       <td>Mandatory.</td>
     </tr>
     <tr>
-      <td></td>
+      <th>Liaison statements</th>
       <th>Submission date</th>
       <td>The date the liaison was originally submitted.</td>
       <td>Mandatory.</td>
     </tr>
     <tr>
-      <td></td>
+      <th>Liaison statements</th>
       <th>Body</th>
       <td>The text of the liaison statement.</td>
       <td>
@@ -166,7 +170,7 @@
       </td>
     </tr>
     <tr>
-      <td></td>
+      <th>Add attachment</th>
       <th>File</th>
       <td>Browse to find the attachment.</td>
       <td>
@@ -175,3 +179,7 @@
     </tr>
   </table>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/liaisons/guide_from_ietf.html b/ietf/templates/liaisons/guide_from_ietf.html
index f55066835..fc5ea7e3c 100644
--- a/ietf/templates/liaisons/guide_from_ietf.html
+++ b/ietf/templates/liaisons/guide_from_ietf.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Liaison statements from the IETF - guidelines for completing the "Cc:" field{% endblock %}
 
@@ -22,7 +26,7 @@
     <li><a href="{{ "4053"|rfcurl }}">RFC 4053 (BCP 103), "Procedures for Handling Liaison Statements to and from the IETF"</a></li>
   </ul>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Submitting entity <sup><small>(1)</small></sup></th>
@@ -77,3 +81,7 @@
   </p>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/liaisons/guide_to_ietf.html b/ietf/templates/liaisons/guide_to_ietf.html
index 2827fee36..cd025d7e8 100644
--- a/ietf/templates/liaisons/guide_to_ietf.html
+++ b/ietf/templates/liaisons/guide_to_ietf.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Liaison statements to the IETF - guidelines for completing the "To:" and "Cc:" fields{% endblock %}
 
@@ -16,7 +20,7 @@
     For definitive information on generating liaison statements, please
     see <a href="{{ "4053"|rfcurl }}">RFC 4053 (BCP 103) "Procedures for Handling Liaison Statements to and from the IETF."</a></p>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>To: organization</th>
@@ -65,3 +69,7 @@
     <sup><small>(3)</small></sup> A list of area directorate mailing lists is not currently available.
   </p>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/liaisons/liaison_base.html b/ietf/templates/liaisons/liaison_base.html
index fc72a1235..7dee3ff26 100644
--- a/ietf/templates/liaisons/liaison_base.html
+++ b/ietf/templates/liaisons/liaison_base.html
@@ -6,6 +6,7 @@
 
 {% block pagehead %}
   <link rel="stylesheet" href="{% static 'bootstrap-datepicker/css/bootstrap-datepicker3.min.css' %}">
+  <link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
 {% endblock %}
 
 {% block title %}Liaison Statements - {{ selected_menu_entry|capfirst }}{% endblock %}
@@ -52,6 +53,7 @@
 {% endblock content %}
 
 {% block js %}
+  <script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
   <script src="{% static 'bootstrap-datepicker/js/bootstrap-datepicker.min.js' %}"></script>
   <script src="{% static 'ietf/js/liaisons.js' %}"></script>
 {% endblock %}
diff --git a/ietf/templates/liaisons/liaison_table.html b/ietf/templates/liaisons/liaison_table.html
index fecb0020d..86dc3407b 100644
--- a/ietf/templates/liaisons/liaison_table.html
+++ b/ietf/templates/liaisons/liaison_table.html
@@ -2,7 +2,7 @@
 {% load ietf_filters %}
 {% load future %}
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>
diff --git a/ietf/templates/meeting/materials.html b/ietf/templates/meeting/materials.html
index 36912db99..50956940e 100644
--- a/ietf/templates/meeting/materials.html
+++ b/ietf/templates/meeting/materials.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block bodyAttrs %}data-spy="scroll" data-target="#affix"{% endblock %}
 
@@ -35,7 +39,7 @@
           <!-- Plenaries -->
           {% if plenaries %}
             <h2 class="anchor-target" id="plenaries">Plenaries</h2>
-            <table class="table table-condensed table-striped">
+            <table class="table table-condensed table-striped tablesorter">
               <thead>
 	        <tr>
 	          <th>Group</th>
@@ -57,7 +61,7 @@
           {% regroup ietf|dictsort:"group.parent.acronym" by group.parent.name as areas %}
           {% for sessions in areas %}
             <h2 class="anchor-target" id="{{sessions.list.0.group.parent.acronym}}">{{sessions.list.0.group.parent.acronym|upper}} <small>{{ sessions.grouper }}</small></h2>
-            <table class="table table-condensed table-striped">
+            <table class="table table-condensed table-striped tablesorter">
               <thead>
 	        <tr>
 	          <th>Group</th>
@@ -81,7 +85,7 @@
           {% if training %}
             {% with "False" as show_agenda %}
               <h2 class="anchor-target" id="training">Training</h2>
-              <table class="table table-condensed table-striped">
+              <table class="table table-condensed table-striped tablesorter">
                 <thead>
 	          <tr>
 	            <th>Group</th>
@@ -105,7 +109,7 @@
           <!-- IAB Sessions -->
           {% if iab %}
             <h2 class="anchor-target" id="iab">IAB <small>Internet Architecture Board</small></h2>
-            <table class="table table-condensed table-striped">
+            <table class="table table-condensed table-striped tablesorter">
               <thead>
 	        <tr>
 	          <th>Group</th>
@@ -128,7 +132,7 @@
           <!-- IRTF Sessions -->
           {% if irtf %}
             <h2 class="anchor-target" id="irtf">IRTF <small>Internet Research Task Force</small></h2>
-            <table class="table table-condensed table-striped">
+            <table class="table table-condensed table-striped tablesorter">
               <thead>
 	        <tr>
 	          <th>Group</th>
@@ -175,3 +179,7 @@
     </div>
   </div>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/requests.html b/ietf/templates/meeting/requests.html
index 935eac64b..7fe6bd88e 100644
--- a/ietf/templates/meeting/requests.html
+++ b/ietf/templates/meeting/requests.html
@@ -2,7 +2,11 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
 
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block bodyAttrs %}data-spy="scroll" data-target="#affix"{% endblock %}
 
@@ -31,7 +35,7 @@
           {% endfor %}
         </p>
 
-        <table class="table table-condensed table-striped">
+        <table class="table table-condensed table-striped tablesorter">
           <thead>
 	    <tr>
 	      <th>Group</th>
@@ -46,7 +50,11 @@
           <tbody>
 	    {% for session in area.list %}
 	      {% ifchanged %}
+          </tbody>
+          <tbody>
 	        <tr><th class="warning" colspan="7">{{session.status|capfirst}}</th></tr>
+          </tbody>
+          <tbody>
 	      {% endifchanged %}
 
 	      <tr>
@@ -119,3 +127,7 @@
   </div>
 
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/nomcom/announcements.html b/ietf/templates/nomcom/announcements.html
index 0dc16aff7..22a0ce314 100644
--- a/ietf/templates/nomcom/announcements.html
+++ b/ietf/templates/nomcom/announcements.html
@@ -1,7 +1,11 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block bodyAttrs %}data-spy="scroll" data-target="#affix"{% endblock %}
 
@@ -29,7 +33,7 @@
 	  <a href="mailto:{{ regime.chair.person.email_address }}">{{ regime.chair.person.plain_name }}</a>
 	</p>
 
-	<table class="table table-condensed table-striped">
+	<table class="table table-condensed table-striped tablesorter">
 	  <thead>
 	    <tr>
 	      <th>Date</th>
@@ -53,7 +57,7 @@
       {# somebody ought to import these announcements in the DB instead of this mess #}
       <h2 class="anchor-target" id="2003">Messages from 2003/2004</h2>
       <p><b>Committee chair:</b> <a href="mailto:richdr@microsoft.com">Rich Draves</a></p>
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
 	<thead>
 	  <tr>
 	    <th>Date</th>
@@ -82,7 +86,7 @@
 
       <h2 class="anchor-target" id="2002">Messages from 2002/2003</h2>
       <p><b>Committee chair:</b> <a href="mailto:PRoberts@MEGISTO.com">Phil Roberts</a></p>
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
 	<thead>
 	  <tr>
 	    <th>Date</th>
@@ -131,3 +135,7 @@
     </div>
   </div>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/nomcom/index.html b/ietf/templates/nomcom/index.html
index 68ffeb052..78d0bca7f 100644
--- a/ietf/templates/nomcom/index.html
+++ b/ietf/templates/nomcom/index.html
@@ -1,14 +1,19 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% load origin %}
-{% load ietf_filters %}
+{% load ietf_filters staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
+
 {% block title %}IAB/IESG NomComs{% endblock %}
 
 {% block content %}
   {% origin %}
   <h1>IAB/IESG NomComs</h1>
 
-  <table class="table table-condensed table-striped">
+  <table class="table table-condensed table-striped tablesorter">
     <thead>
       <tr>
         <th>Year</th>
@@ -41,3 +46,7 @@
     </tbody>
   </table>
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/submit/approvals.html b/ietf/templates/submit/approvals.html
index fd7200ae8..3934f78e4 100644
--- a/ietf/templates/submit/approvals.html
+++ b/ietf/templates/submit/approvals.html
@@ -1,6 +1,10 @@
 {% extends "submit/submit_base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Draft submission approvals{% endblock %}
 
@@ -14,7 +18,7 @@
     {% if not approvals %}
       <p>You don't have any submissions to approve.</p>
     {% else %}
-      <table class="approvals table table-condensed table-striped">
+      <table class="approvals table table-condensed table-striped tablesorter">
         <thead>
           <tr>
             <th>Draft</th>
@@ -41,13 +45,13 @@
     {% if not preapprovals %}
       <p>No pre-approvals within your jurisdiction found.</p>
     {% else %}
-      <table class="preapprovals table table-condensed table-striped">
+      <table class="preapprovals table table-condensed table-striped tablesorter">
         <thead>
           <tr>
             <th>Draft name</th>
             <th>Pre-approved</th>
             <th>By</th>
-            <th></th>
+            <th class="sorter-false"></th>
           </tr>
         </thead>
         <tbody>
@@ -68,7 +72,7 @@
     {% if not recently_approved %}
       <p>No drafts approved.</p>
     {% else %}
-      <table class="recently-approved table table-condensed table-striped">
+      <table class="recently-approved table table-condensed table-striped tablesorter">
         <thead>
           <tr>
             <th>Draft</th>
@@ -97,3 +101,7 @@
     </p>
   {% endif %}
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/sync/discrepancies.html b/ietf/templates/sync/discrepancies.html
index 2141720b9..128b35191 100644
--- a/ietf/templates/sync/discrepancies.html
+++ b/ietf/templates/sync/discrepancies.html
@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
-{% load origin %}
+{% load origin staticfiles %}
+
+{% block pagehead %}
+<link rel="stylesheet" href="{% static "jquery.tablesorter/css/theme.bootstrap.min.css" %}">
+{% endblock %}
 
 {% block title %}Sync discrepancies{% endblock %}
 
@@ -12,7 +16,7 @@
     <h2>{{ title }}</h2>
 
     {% if docs %}
-      <table class="table table-condensed table-striped">
+      <table class="table table-condensed table-striped tablesorter">
         <thead>
           <tr>
             <th>Draft name</th>
@@ -38,3 +42,7 @@
 
   {% endfor %}
 {% endblock %}
+
+{% block js %}
+<script src="{% static "jquery.tablesorter/js/jquery.tablesorter.combined.min.js" %}"></script>
+{% endblock %}
\ No newline at end of file