完成大部分

src/lib/diyAgGridOptions.ts

@@ -5,8 +5,8 @@
 } from "ag-grid-community"
 const borderConfig = {
   style: "solid", // 虚线改实线更简洁，也可保留 dotted 但建议用 solid
-  width: 0.5,     // 更细的边框，减少视觉干扰
-  color: "#e5e7eb" // 浅灰色边框，清新不刺眼
+  width: 0.3,     // 更细的边框，减少视觉干扰
+  color: "#d3d3d3" // 浅灰色边框，清新不刺眼
 };
 
 // 简洁清新风格的主题配置
@@ -32,10 +32,15 @@ export const myTheme = themeQuartz.withParams({
 export const gridOptions: GridOptions<any> = {
   treeData: true,
   animateRows: true,
+  tooltipShowMode: 'whenTruncated',
   suppressAggFuncInHeader: true,
   singleClickEdit: true,
   suppressClickEdit: false,
   suppressContextMenu: false,
+  autoSizeStrategy: {
+        type: 'fitGridWidth',
+        defaultMinWidth: 100,
+       },
   groupDefaultExpanded: -1,
   suppressFieldDotNotation: true,
   getDataPath: data => data.path,
@@ -43,6 +48,12 @@ export const gridOptions: GridOptions<any> = {
   defaultColDef: {
     resizable: true,
     sortable: false,
-    filter: false
+    filter: false,
+    wrapHeaderText: true,
+    autoHeaderHeight: true
+  },
+  defaultColGroupDef: {
+    wrapHeaderText: true,
+    autoHeaderHeight: true
   }
-}
+}