表格渲染不拆分thead

src/components/sheet.vue

@@ -13,26 +13,17 @@ const props = defineProps({
 <template>
 <div class="table-wrapper">
   <table cellpadding="0" cellspacing="0">
-    <thead>
-      <tr class="th">
-        <td 
-          class="head-column" 
-          v-for="(item,index) in props.data[0]" 
-          :key="index"
-          :colspan="item.mc.cs||1"
-          :rowspan="item.mc.rs||1"
-        >
-          {{item.m}}
-        </td>
-      </tr>
-    </thead>
     <tbody>
       <tr 
-        v-for="(item,index) in props.data.slice(1)"
+        v-for="(item,index) in props.data"
         :key="index"
       >
         <td 
-          :class="['data-cell',{'one-bg':index%2, 'tow-bg': index%2!==0}]"
+          :class="['data-cell',{
+            'one-bg':(index+1)%2&&index>0,
+            'tow-bg': (index+1)%2!==0&&index>0,
+            'head-column': index === 0
+          }]"
           v-for="(cell,cell_index) in item"
           :key="cell_index"
           :colspan="cell.mc.cs||1"
@@ -95,7 +86,7 @@ table {
 
   .head-column {
     background-color: #505B78;
-    color: #fff;
+    color: #fff !important;
   }
 
   .data-cell{