diff --git a/frontend/src/utils/hide-columns/hide-columns.js b/frontend/src/utils/hide-columns/hide-columns.js
index 6e2836768..ea2da5195 100644
--- a/frontend/src/utils/hide-columns/hide-columns.js
+++ b/frontend/src/utils/hide-columns/hide-columns.js
@@ -20,6 +20,7 @@ export class HideColumns {
   _storageManager = new StorageManager('uw-hide-columns');
 
   _element;
+  _elementWrapper;
   _tableUtilContainer;
 
   constructor(element) {
@@ -38,6 +39,7 @@ export class HideColumns {
     if (!hideColumnsContainer) {
       throw new Error('Hide Columns utility needs to be setup on a table inside a hide columns container!');
     }
+    this._elementWrapper = hideColumnsContainer;
 
     // get or create table utils container
     this._tableUtilContainer = hideColumnsContainer.querySelector(TABLE_UTILS_CONTAINER_SELECTOR);
@@ -123,7 +125,7 @@ export class HideColumns {
     const handlerIdent = document.querySelector('[uw-handler]').getAttribute('uw-handler');
 
     // get hide-columns container ident (if not present, use table index in document as fallback)
-    let tIdent = th.getAttribute(TABLE_HEADER_IDENT);
+    let tIdent = this._elementWrapper.getAttribute(HIDE_COLUMNS_CONTAINER_IDENT);
     if (!tIdent) {
       const tablesInDocument = document.getElementsByTagName('TABLE');
       for (let i = 0; i < tablesInDocument.length; i++) {
diff --git a/templates/table/layout-wrapper.hamlet b/templates/table/layout-wrapper.hamlet
index c67a6ca3d..791694f14 100644
--- a/templates/table/layout-wrapper.hamlet
+++ b/templates/table/layout-wrapper.hamlet
@@ -1,3 +1,3 @@
 $newline never
-<div ##{wIdent "table-wrapper"} :not (null rows && (dbsEmptyStyle == DBESNoHeading)):uw-async-table uw-hide-columns data-async-table-db-header=#{toPathPiece HeaderDBTableShortcircuit}>
+<div ##{wIdent "table-wrapper"} :not (null rows && (dbsEmptyStyle == DBESNoHeading)):uw-async-table uw-hide-columns=#{dbtIdent} data-async-table-db-header=#{toPathPiece HeaderDBTableShortcircuit}>
   ^{table}