样式修改

src/pages/teacher/assessmentType.vue

 <style scoped>
   .assessmentType_td {
-    border: 1px solid rgba(0, 0, 0, 0.12);
-    border-collapse: collapse;
+    border: none;
+    border-left: 1px solid rgba(0, 0, 0, 0.12);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   }
 </style>
 <template>
   <div class="page-body">
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat separator="none" :data="dataList"
-        :columns="columns" row-key="name" class="sticky-column-table sticky-right-column-table">
+        :columns="columns" row-key="name" class="sticky-header-column-table">
         <template v-slot:top>
           <div class="col-2 q-table__title">考评项配置列表</div>
           <q-space />
@@ -29,7 +30,8 @@
           <template :props="props" v-for="(col,cIndex) in props.row.SubtypeList">
             <template v-if="cIndex==0">
               <q-tr :key="cIndex">
-                <q-td key="TypeName" :props="props" :rowspan="props.row.SubtypeList.length" class="assessmentType_td">
+                <q-td key="TypeName" :props="props" :rowspan="props.row.SubtypeList.length"
+                  class="assessmentType_td">
                   {{ props.row.TypeName }}
                 </q-td>
                 <q-td class="assessmentType_td">
@@ -37,13 +39,14 @@
                 </q-td>
                 <template v-for="(subItem,subIndex) in props.row.SubtypeList[cIndex].OptionList">
                   <q-td :key="subIndex" class="assessmentType_td">
-                    <div style="width:180px;white-space:normal; "> {{subItem.LevelDesc}} <q-badge color="green">
+                    <div style="width:150px;white-space:normal; "> {{subItem.LevelDesc}} <q-badge color="green">
                         {{subItem.LevelScore}}分
                       </q-badge>
                     </div>
                   </q-td>
                 </template>
-                <q-td key="Id" :props="props" :rowspan="props.row.SubtypeList.length" class="assessmentType_td">
+                <q-td key="Id" :props="props" :rowspan="props.row.SubtypeList.length"
+                  class="assessmentType_td" style="border-right: 1px solid rgba(0, 0, 0, 0.12);">
                   <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
                     @click="AddMsg(props.row)" />
                   <q-btn flat size="xs" icon="delete" color="negative" class="q-mr-xs" label="删除"
@@ -58,7 +61,7 @@
                 </q-td>
                 <template v-for="(subItem,subIndex) in props.row.SubtypeList[cIndex].OptionList">
                   <q-td :key="subIndex" class="assessmentType_td">
-                    <div style="width:180px;white-space:normal; "> {{subItem.LevelDesc}} <q-badge color="green">
+                    <div style="width:150px;white-space:normal; "> {{subItem.LevelDesc}} <q-badge color="green">
                         {{subItem.LevelScore}}分
                       </q-badge>
                     </div>