zoukankan      html  css  js  c++  java
  • iview table expand 单击当前行控制

     1、添加元素与js

     <Table :columns="thList" :data="list" @on-row-click="toggleTableExpand" ref="tableExpand"></Table>
     
     // 源码里有toggleExpand方法,可以直接使用
     methods:{
        toggleTableExpand(row, index) {
          this.$refs.tableExpand.toggleExpand(index);
        },
     }

    2、如果默认元素(箭头)点击无效,可添加样式覆盖
    td.expandBox .ivu-table-cell{
      position: relative;
      &::after{
        position: absolute;
        content: '';
        top: 0;
        left:0;
        height: 100%;
        width:100%;
        z-index: 9;
      }
      &:hover{
        .ivu-icon-ios-arrow-forward{
          color:#1d7cd0;
          border-color:#1d7cd0;
         }
      }
    }
     
  • 相关阅读:
    三种方法
    渐渐明白
    出手的时候到了
    URL OpenDocument
    熟练使用IDT
    时间快到了
    还是这样
    接口的多态性
    接口(interface)的使用
    抽象类(abstract class)与抽象方法
  • 原文地址:https://www.cnblogs.com/Doduo/p/10936404.html
Copyright © 2011-2022 走看看