diff --git a/smash/web/templates/subjects/index.html b/smash/web/templates/subjects/index.html
index b7c87e5abc096bc67ab6f8b885d3451346c30e5c..a708edf65ce4bee892a009be8c2cffe5172ffd5f 100644
--- a/smash/web/templates/subjects/index.html
+++ b/smash/web/templates/subjects/index.html
@@ -24,6 +24,66 @@
             <i class="fa fa-plus"></i>
             Add new subject
         </a>
+        <div id="visible-column-checkboxes" style="display:table">
+            <div style="display:table-row">
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="0" name="nd_number"/>ND
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="1" name="screening_number"/>Screening
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="2" name="first_name"/>First name
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="3" name="last_name"/>Last name
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="4" name="default_location"/>Default location
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="5" name="dead"/>Deceased
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="6" name="resigned"/>Resigned
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="7" name="postponed"/>Postponed
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="8" name="information_sent"/>Info sent
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="9" name="type"/>Type
+                </div>
+            </div>
+            <div style="display:table-row">
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="10" name="visit_1"/>Visit 1
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="11" name="visit_2"/>Visit 2
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="12" name="visit_3"/>Visit 3
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="13" name="visit_4"/>Visit 4
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="14" name="visit_5"/>Visit 5
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="15" name="visit_6"/>Visit 6
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="16" name="visit_7"/>Visit 7
+                </div>
+                <div style="display:table-cell">
+                    <input type="checkbox" checked data-column="17" name="visit_8"/>Visit 8
+                </div>
+            </div>
+        </div>
     </div>
 
     <div class="box-body">
@@ -305,6 +365,15 @@
             });
             $('#table_filter').css("display", "none");
         });
+        $('#visible-column-checkboxes  input').on('click', function (e) {
+            var visible = $(this).is(":checked");
+
+            // Get the column API object
+            var column = table.column($(this).attr('data-column'));
+            console.log($(this).attr('data-column'));
+            // Toggle the visibility
+            column.visible(visible);
+        });
     </script>
 
 {% endblock scripts %}