很重要-添加表头菜单

src/app/pages/service-register-config/service-register-config.component.ts

@@ -65,7 +65,21 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
      
       // 列定义 - 使用现有列配置
     columns: [
-      { title: 'ID', field: 'id', sorter: 'number', headerFilter: 'input', width: 220 },
+      
+      { title: 'ID', field: 'id', sorter: 'number', headerFilter: 'input', width: 220 ,
+        headerMenu: [
+      {
+        label: "<i class='fa fa-filter'></i> 切换筛选",
+        action: (column:any) => {
+          const headerFilterEl = column.getElement().querySelector('.tabulator-header-filter');
+          if (headerFilterEl) {
+            const isHidden = headerFilterEl.style.display === 'none';
+            headerFilterEl.style.display = isHidden ? '' : 'none';
+          }
+        }
+      }
+    ]
+      },
       { title: '配置名称', field: 'configName', sorter: 'string', headerFilter: 'input', headerFilterFunc: 'like',width: 110 },
       { title: '字段名', field: 'fieldName', sorter: 'string', headerFilter: 'input', headerFilterFunc: 'like' ,width: 130},
       { title: '字段类型', field: 'fieldType', sorter: 'string', headerFilter: 'input',width: 120, headerFilterParams: { values: ['string', 'number', 'boolean', 'array', 'object'] } },
@@ -215,7 +229,7 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
       // 表格样式
       layout: 'fitColumns',
       responsiveLayout: 'collapse',
-      height: '800px',
+      //height: '800px',
       
       // 初始加载
       ajaxInitialLoad: true,