I can hide and show the columns, and it dynamically updates the grid

src/myfasthtml/assets/myfasthtml.css

@@ -1161,3 +1161,19 @@
 .dt2-moving {
     transition: transform 300ms ease;
 }
+
+/* *********************************************** */
+/* ******** DataGrid Column Manager ********** */
+/* *********************************************** */
+.dt2-column-manager-label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    border-radius: 0.375rem;
+    transition: background-color 0.15s ease;
+}
+
+.dt2-column-manager-label:hover {
+    background-color: var(--color-base-300);
+}

src/myfasthtml/assets/myfasthtml.js

@@ -1200,8 +1200,10 @@ function triggerHtmxAction(elementId, config, combinationStr, isInside, event) {
       }
     }
 
-    // Prevent default if we found any match and not in input context
-    if (currentMatches.length > 0 && !isInInputContext()) {
+    // Prevent default only if click was INSIDE a registered element
+    // Clicks outside should preserve native behavior (checkboxes, buttons, etc.)
+    const anyMatchInside = currentMatches.some(match => match.isInside);
+    if (currentMatches.length > 0 && anyMatchInside && !isInInputContext()) {
       event.preventDefault();
     }