diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-en.html" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-en.html"
index 62f714e2f..d42e52867 100644
--- "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-en.html"
+++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-en.html"
@@ -82,7 +82,7 @@
Column Data Manipulation Example 1
{ "data": "DepartmentEN" },
{ "data": "ContactEmail" },
{ "data": "Custom study titleEN" },
- { "data": "Registration number" },
+ { "data": "Registration number", "visible": false },
{ "data": "Contract value" }
],
"columnDefs": [{ "className": "text-left", "targets": [0]},
@@ -289,4 +289,4 @@ Code
-
\ No newline at end of file
+
diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-fr.html" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-fr.html"
index db8801d63..c6ea490f5 100644
--- "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-fr.html"
+++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/index-fr.html"
@@ -82,7 +82,7 @@ Exemple 1 de manipulation des données de colonne
{ "data": "DepartmentFR" },
{ "data": "ContactEmail" },
{ "data": "Custom study titleFR" },
- { "data": "Registration number" },
+ { "data": "Registration number", "visible": false },
{ "data": "Contract value" }
],
"columnDefs": [{ "className": "text-left", "targets": [0]},
@@ -290,4 +290,4 @@ Code
-
\ No newline at end of file
+
diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/js/wb-pspc-datatable-utility.js" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/js/wb-pspc-datatable-utility.js"
index 9a74790d5..f0da70c7f 100644
--- "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/js/wb-pspc-datatable-utility.js"
+++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/js/wb-pspc-datatable-utility.js"
@@ -343,7 +343,24 @@
var moneyFormat = [];
var urlColTarget = [];
- var oColumnNames = oTable.settings().init().columns;
+ var oAllColumnNames = oTable.settings().init().columns;
+
+ var oGetColumnVisibility = oTable.columns().visible();
+
+ /**
+ * Only put Visible Columns in the list of Available ColumnNames
+ */
+
+ var oColumnNames = [];
+
+
+ for (var key in oAllColumnNames)
+ {
+ if (oGetColumnVisibility[key])
+ {
+ oColumnNames.push(oAllColumnNames[key]);
+ }
+ }
/**
* Find all table columns that have