*

dsk-operate-ui/src/assets/styles/project.scss

-
+.el-card{
+  overflow: initial;
+}
 .app-container{
   padding: 0;
 }
@@ -1210,19 +1212,15 @@
   //}
 }
 
-//.fixed-table {
-//  overflow: initial;
-//
-//  .el-table__header-wrapper {
-//    position: sticky;
-//    top: 0;
-//    z-index: 9;
-//  }
-//
-//   .el-table__fixed-header-wrapper {
-//     position: sticky;
-//     top: 0;
-//    z-index: 9;
-//  }
-//
-//}
+.fixed-table {
+  overflow: visible;
+
+  .el-table__header-wrapper {
+    position: sticky;
+    top: 56px;
+    z-index: 9;
+  }
+  .el-table__fixed-header-wrapper {
+    z-index: 9;
+  }
+}

dsk-operate-ui/src/views/custom/customList/index.vue

@@ -26,7 +26,7 @@
             </div>
           </div>
           <skeleton v-if="isSkeleton"></skeleton>
-          <el-table id="tables" v-if="!isSkeleton&&tableData.total > 0"   class="fixed-table"
+          <el-table id="tables" v-if="!isSkeleton&&tableData.total > 0" class="fixed-table"
                     :data="tableData.rows"
             stripe border
             style="width: 100%">
@@ -335,18 +335,34 @@
   // },
   methods:{
     scrolling() {
-      let el = document.getElementById("tables").offsetTop
-      console.log(el)
-      // let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
-      // let el1 = document.getElementsByClassName("el-table__header")[0]
-      // console.log(el1.offsetTop)
-      // let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-      // if (scrollTop > el1.offsetTop) {
-      //   let top = scrollTop - el1.offsetTop - 13
-      //   el.style.top = top + 'px'
-      // } else {
-      //   el.style.top = 0
+      // let e1 = document.getElementsByClassName("tables")[0].offsetTop
+      // console.log(e1)
+      // return false
+      // let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height
+      // let con = document.getElementsByClassName('el-table__fixed-header-wrapper')[0]
+      // // let con1 = document.getElementsByClassName('el-table__fixed-header-wrapper')[0]
+      // console.log(con)
+      // if(e1<=e2){
+      //   con.style.top=e2+'px'
+      //   // con.style.position='fixed'
+      //   con.style.zIndex=5
+      // }else{
+      //   // con.style.position='relative'
+      //   con.style.top='0px'
       // }
+
+      let e1 = document.getElementById("tables").offsetTop
+      let e2 = document.getElementsByClassName("navbar")[0].getBoundingClientRect().height
+      let e3 = document.getElementsByClassName("el-card")[0].offsetTop
+      console.log(e3)
+      let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
+      let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;
+      if (scrollTop>105){
+        let top = scrollTop-105
+        el.style.top = top+'px'
+      }else{
+        el.style.top = 0
+      }
     },
     sq1(item,sq){
       this.$nextTick(()=>{
@@ -631,7 +647,7 @@
   .tables{
     position: relative;
     min-height: calc(100vh - 134px);
-    overflow: auto;
+    /*overflow: auto;*/
     .empty{
       position: absolute;
       top: 50%;