Better handling of tables without theads

HubSpot · Sep 16, 2015 · 06f5c3a · 06f5c3a
1 parent 474648e
commit 06f5c3a
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/js/install.js b/js/install.js
@@ -2,6 +2,22 @@
   var options = INSTALL_OPTIONS;
 
   Array.prototype.forEach.call(document.querySelectorAll('table'), function(table){
+    try {
+      // If there’s no tHead but the first tBody row contains ths, create a tHead and move that row into it.
+      if (!table.tHead && (var firstTBodyRow = table.tBodies[0].rows[0]).children[0].tagName === 'TH') {
+        var tHead = document.createElement('thead');
+        tHead.appendChild(firstTBodyRow);
+        table.insertBefore(tHead, table.firstChild);
+      }
+
+      // Sortable requires this
+      if (table.tHead.rows.length !== 1) {
+        return;
+      }
+    } catch (err) {
+      return;
+    }
+
     table.setAttribute('data-sortable', '');
     table.classList.add('sortable-theme-' + options.theme);
   });