zoukankan      html  css  js  c++  java
  • Vue 实战-4 表格展开行

    当表格横着一行不想放那么多数据,会显得很紧,也没有重点,所以只希望放一些重要信息,其他的可以通过展开行来展示
     
    需要在表格的每一行加一列:
        实际中应用:
            <el-table-column type="expand">  
                <template slot-scope="props">     
                    <el-form label-position="left" class="demo-table-expand">       
                        <el-form-item label="域名">         
                            <span>{{ props.row.uniq_domain }}</span>       
                        </el-form-item>       
                        <el-form-item label="是否在kts">         
                            <span>{{ props.row.in_kts }}</span>       
                        </el-form-item>       
                        <el-form-item label="是否在kngx">         
                            <span>{{ props.row.in_kngx }}</span>       
                        </el-form-item>       
                        <el-form-item label="泛域名">         
                            <span>{{ props.row.wildcard_domain }}</span>       
                        </el-form-item>       
                        <el-form-item label="解析结果">         
                            <span>{{ props.row.parse_result }}</span>       
                        </el-form-item>       
                        <el-form-item label="Cname">         
                            <span>{{ props.row.cname }}</span>       
                        </el-form-item>       
                        <el-form-item label="Vip">         
                            <span>{{ props.row.vip }}</span>       
                        </el-form-item>       
                    </el-form>   
                </template> 
            </el-table-column>
  • 相关阅读:
    catchadminvue 安装遇到的问题
    HttpRunner 3.x (三)环境与简介 测试
    HttpRunner 3.x (五):variables变量的声明和引用 测试
    HttpRunner 3.x (四):post请求类型application/xwwwfromurlencoded 测试
    httprunenr 3.x(一)环境安装与准备 测试
    httprunner 3.x(二)测试用例结构 测试
    单例模式,工厂模式
    【更新公告】Airtest更新至1.2.4
    【更新公告】pocoui更新至1.0.85版本
    使用Airtest对iOS进行自动化的常见问题答疑
  • 原文地址:https://www.cnblogs.com/guo-s/p/14215410.html
Copyright © 2011-2022 走看看