auto_coder_105_chat_action.yml_9e2804fe75c0fb1582904286e2fc7a95

src/components/HelloWorld.vue

@@ -1,7 +1,24 @@
 <template>
   <div class="hello">
     <h1>{{ msg }}</h1>
-   
+    <table>
+      <thead>
+        <tr>
+          <th>姓名</th>
+          <th>年龄</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>张三</td>
+          <td>25</td>
+        </tr>
+        <tr>
+          <td>李四</td>
+          <td>30</td>
+        </tr>
+      </tbody>
+    </table>
   </div>
 </template>
 
@@ -30,4 +47,17 @@ li {
 a {
   color: #42b983;
 }
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+th, td {
+  border: 1px solid #ddd;
+  padding: 8px;
+  text-align: left;
+}
+th {
+  background-color: #f2f2f2;
+}
+</style>
 </style>