Explorar o código

表格y轴超出距离滚动并固定表格高度

chenrui %!s(int64=4) %!d(string=hai) anos
pai
achega
eb1571e914
Modificáronse 1 ficheiros con 8 adicións e 0 borrados
  1. 8 0
      src/views/equipmentManage/equipment/logModal.vue

+ 8 - 0
src/views/equipmentManage/equipment/logModal.vue

@@ -33,11 +33,13 @@
     </a-form>
     <!-- 掉线记录 -->
     <s-table
+      class="sTable"
       ref="table"
       size="default"
       :rowKey="(record) => record.id"
       :columns="columns"
       :data="loadData"
+      :scroll="scrollVal"
       bordered></s-table>
   </a-modal>
 </template>
@@ -67,6 +69,7 @@ export default {
   },
   data () {
     return {
+      scrollVal: { y: 270 }, //  表格y轴超出距离滚动
       isShow: this.openModal, //  是否打开弹框
       form: this.$form.createForm(this),
       formItemLayout: {
@@ -163,5 +166,10 @@ export default {
     .serach-btn{
       margin-top: 4px;
     }
+    .sTable{
+      .ant-table{
+        height: 325px;
+      }
+    }
   }
 </style>