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;
         }
      }
    }
     
  • 相关阅读:
    名词解释
    cwoa2011项目部署到tomcat服务器(环境搭建及项目的运行)
    上网过程与原理
    C-编译器的实现
    css
    HMTL
    FIRST DAY
    关于面试的吐槽
    我的老大去创业啦
    .Net Core下使用 RSA
  • 原文地址:https://www.cnblogs.com/Doduo/p/10936404.html
Copyright © 2011-2022 走看看