泛微薪资核算iframe表格

src/pages/atdTable/components/index.less

@@ -156,17 +156,24 @@
   }
 }
 
-:global{
-  .rankMapWrapper{
-    .ant-table-thead>tr>th{
+:global {
+  .rankMapWrapper {
+    .ant-table-thead > tr > th {
       background: #ED7D31;
     }
   }
+
   .bg_1_Cols {
-    background: #ED7D31!important;
+    background: #ED7D31 !important;
   }
+
+  th.bg_1_Cols {
+    height: 48px;
+    line-height: 48px;
+  }
+
   .bg_2_Cols {
-    background: #DEE0E3!important;
+    background: #DEE0E3 !important;
   }
 }
 

src/pages/rankMapTable/index.tsx

@@ -19,6 +19,7 @@ const RankMapTable: React.FC = () => {
               ...item,
               align: "center",
               className: colsIndex === "1" ? "bg_1_Cols" : colsIndex === "2" ? "bg_2_Cols" : "",
+              width: colsIndex === "1" && "60px",
               render: (text: string, _: any) => {
                 return {
                   children: <span>{text}</span>,
@@ -63,6 +64,7 @@ const RankMapTable: React.FC = () => {
           _.forEach(_.reduce(columns, (pre: any, cur: any) => ([...pre, cur["dataIndex"]]), []), item => {
             tmpV = changeData(list, item);
           });
+          console.log(columns);
           setCols(columns);
           setDataSource(tmpV);
         }