diff --git a/src/main/resources/templates/field.html b/src/main/resources/templates/field.html
index 40bffb8..e29c6e0 100644
--- a/src/main/resources/templates/field.html
+++ b/src/main/resources/templates/field.html
@@ -188,25 +188,24 @@
             <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                 <!-- 表格滚动容器 -->
                 <div class="table-container">
-                    <table class="min-w-full table-fixed">
+                    <!-- 表格添加合并边框和外边框 -->
+                    <table class="min-w-full table-fixed border-collapse: collapse; border: 1px solid #e5e7eb;">
                         <thead class="sticky-header">
                         <tr>
-                            <!-- 按需求设置固定列宽，剩余宽度分配给名称和说明 -->
-                            <th class="py-3 px-4 text-left w-[120px]">字段序号</th>
-                            <th class="py-3 px-4 text-left w-[220px]">字段名称</th>
-                            <th class="py-3 px-4 text-left w-[120px]">字段类型</th>
-                            <th class="py-3 px-4 text-left w-[120px]">字段长度</th>
-                            <th class="py-3 px-4 text-left grow">字段说明</th>
+                            <th class="py-3 px-4 text-left w-[120px] border-t border-b border-gray-300">字段序号</th>
+                            <th class="py-3 px-4 text-left w-[220px] border-t border-b border-gray-300">字段名称</th>
+                            <th class="py-3 px-4 text-left w-[120px] border-t border-b border-gray-300">字段类型</th>
+                            <th class="py-3 px-4 text-left w-[120px] border-t border-b border-gray-300">字段长度</th>
+                            <th class="py-3 px-4 text-left grow border-t border-b border-gray-300">字段说明</th>
                         </tr>
                         </thead>
-                        <tbody class="divide-y divide-gray-200" th:each="field : ${fields}">
-                        <!-- 数据行 -->
+                        <tbody class="divide-y" th:each="field : ${fields}">
                         <tr class="hover:bg-gray-50">
-                            <td class="py-3 px-4 w-[120px]" th:text="${field.getFieldOrder()}"></td>
-                            <td class="py-3 px-4 w-[220px]" th:text="${field.getFieldName()}"></td>
-                            <td class="py-3 px-4 w-[120px]" th:text="${field.getFieldType()}"></td>
-                            <td class="py-3 px-4 w-[120px]" th:text="${field.getFieldLength()}"></td>
-                            <td class="py-3 px-4 grow" th:text="${field.getFieldRemark()}"></td>
+                            <td class="py-3 px-4 w-[120px] border-b border-gray-200" th:text="${field.getFieldOrder()}"></td>
+                            <td class="py-3 px-4 w-[220px] border-b border-gray-200" th:text="${field.getFieldName()}"></td>
+                            <td class="py-3 px-4 w-[120px] border-b border-gray-200" th:text="${field.getFieldType()}"></td>
+                            <td class="py-3 px-4 w-[120px] border-b border-gray-200" th:text="${field.getFieldLength()}"></td>
+                            <td class="py-3 px-4 grow border-b border-gray-200" th:text="${field.getFieldRemark()}"></td>
                         </tr>
                         </tbody>
                     </table>