diff --git a/src/views/device/wlan/index.vue b/src/views/device/wlan/index.vue
index 5ba6f67..fc1ac87 100644
--- a/src/views/device/wlan/index.vue
+++ b/src/views/device/wlan/index.vue
@@ -72,7 +72,38 @@
             searchParams.pageSize = pagination.pageSize;
             getData();
           }"
-        />
+        >
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'operate'">
+              <div class="flex items-center justify-center gap-2">
+                <a-tooltip :title="t('common.edit')">
+                  <a-button
+                    type="link"
+                    size="small"
+                    @click="() => handleEdit(record)"
+                  >
+                    <template #icon>
+                      <EditOutlined />
+                    </template>
+                  </a-button>
+                </a-tooltip>
+
+                <a-tooltip :title="t('common.delete')">
+                  <a-button
+                    type="link"
+                    size="small"
+                    class="text-red-500"
+                    @click="() => handleDelete(record)"
+                  >
+                    <template #icon>
+                      <DeleteOutlined />
+                    </template>
+                  </a-button>
+                </a-tooltip>
+              </div>
+            </template>
+          </template>
+        </ATable>
       </ACard>
 
       <!-- 添加无线网络对话框 -->
@@ -317,36 +348,7 @@ const {
       key: 'operate',
       width: 120,
       fixed: 'right',
-      align: 'center',
-      customRender: ({ record }) => {
-        return h('div', { class: 'flex items-center justify-center space-x-4' }, [
-          h('a-tooltip', { title: t('common.edit') }, [
-            h('a-button', {
-              type: 'link',
-              size: 'small',
-              class: [
-                'flex items-center justify-center p-0 m-0',
-                'hover:text-primary hover:shadow-sm',
-                'focus:shadow-md transition-all duration-200'
-              ],
-              onClick: () => handleEdit(record)
-            }, [h(EditOutlined)])
-          ]),
-          h('a-tooltip', { title: t('common.delete') }, [
-            h('a-button', {
-              type: 'link',
-              size: 'small',
-              class: [
-                'flex items-center justify-center p-0 m-0',
-                'text-red-500 hover:text-red-600',
-                'hover:shadow-sm focus:shadow-md',
-                'transition-all duration-200'
-              ],
-              onClick: () => handleDelete(record)
-            }, [h(DeleteOutlined)])
-          ])
-        ]);
-      }
+      align: 'center'
     }
   ]
 });