From 52ef3cde143d6a775f2832132ddd8b7241c4b2db Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Mon, 17 Nov 2025 23:36:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=9C=AC=E5=9C=B0js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/templates/field.html | 27 ++++++++++++-------------
 1 file changed, 13 insertions(+), 14 deletions(-)

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>