feat: table & CRUD 设置自动适应高度后行操作按钮位置计算错误 #9231

docs/zh-CN/components/table.md

@@ -1679,6 +1679,47 @@ popOver 的其它配置请参考 [popover](./popover)
 }
 ```
 
+## 行操作按钮（固定高度）
+
+通过 itemActions 可以设置鼠标移动到行上出现操作按钮
+
+```schema: scope="body"
+{
+  "type": "service",
+  "api": "/api/mock2/sample?perPage=10",
+  "body": [{
+    "type": "table",
+    "source": "$rows",
+    "autoFillHeight": {height: 300},
+    "itemActions": [{
+      "label": "编辑",
+      "type": "button",
+      "actionType": "dialog",
+      "dialog": {
+        "title": "编辑",
+        "body": "这是个简单的编辑弹框"
+      }
+    }, {
+      "label": "删除",
+      "type": "button",
+      "actionType": "ajax",
+      "confirmText": "确认要删除？",
+      "api": "/api/mock2/form/saveForm"
+    }],
+    "columns": [{
+        "name": "browser",
+        "label": "Browser"
+      },
+
+      {
+        "name": "version",
+        "label": "Version"
+      }
+    ]
+  }]
+}
+```
+
 ## 单行点击操作
 
 > 1.4.0 及以上版本

packages/amis/src/renderers/Table/ItemActionsWrapper.tsx

@@ -29,11 +29,13 @@ function ItemActionsWrapper(props: ItemActionsProps) {
       return;
     }
     const rect = dom.getBoundingClientRect();
+    let frameScrollTop = frame?.parentElement?.scrollTop || 0;
     const height = rect.height;
     const top =
       rect.top -
       frame.getBoundingClientRect().top +
-      parseInt(getComputedStyle(frame)['marginTop'], 10);
+      parseInt(getComputedStyle(frame)['marginTop'], 10) -
+      frameScrollTop;
     divRef.current!.style.cssText += `top: ${top}px;height: ${height}px;`;
   }, [store.hoverRow?.id]);