fix async table header not being sent with ajax requests

frontend/src/services/html-helpers/html-helpers.js

@@ -10,13 +10,14 @@ export class HtmlHelpers {
     return response.text()
       .then(
         (responseText) => {
-          const docFrag = document.createRange().createContextualFragment(responseText);
+          const element = document.createElement('div');
+          element.innerHTML = responseText;
           let idPrefix = '';
           if (!options.keepIds) {
             idPrefix = this._getIdPrefix();
-            this._prefixIds(docFrag, idPrefix);
+            this._prefixIds(element, idPrefix);
           }
-          return Promise.resolve({ idPrefix, element: docFrag });
+          return Promise.resolve({ idPrefix, element });
         },
         Promise.reject,
       ).catch(console.error);

frontend/src/utils/async-table/async-table.js

@@ -347,7 +347,7 @@ export class AsyncTable {
       this._removeListeners();
       this._element.classList.remove(ASYNC_TABLE_INITIALIZED_CLASS);
       // update table with new
-      this._updateWrapperContents(response);
+      this._element.innerHTML = response.element.innerHTML;
 
       this._app.utilRegistry.setupAll(this._element);
 
@@ -359,13 +359,6 @@ export class AsyncTable {
     }).catch((err) => console.error(err)
     ).finally(() => this._element.classList.remove(ASYNC_TABLE_LOADING_CLASS));
   }
-
-  _updateWrapperContents(response) {
-    const newPage = document.createElement('div');
-    newPage.appendChild(response.element);
-    const newWrapperContents = newPage.querySelector('#' + response.idPrefix + this._element.id);
-    this._element.innerHTML = newWrapperContents.innerHTML;
-  }
 }
 
 

templates/table/colonnade.hamlet

@@ -1,6 +1,6 @@
 $newline never
 <div .scrolltable>
-  <table *{dbsAttrs'} data-async-table-db-header=#{toPathPiece HeaderDBTableShortcircuit}>
+  <table *{dbsAttrs'}>
     $maybe wHeaders' <- wHeaders
       <thead>
         <tr .table__row.table__row--head>

templates/table/layout-wrapper.hamlet

@@ -1,3 +1,3 @@
 $newline never
-<div ##{wIdent "table-wrapper"} uw-async-table>
+<div ##{wIdent "table-wrapper"} uw-async-table data-async-table-db-header=#{toPathPiece HeaderDBTableShortcircuit}>
   ^{table}