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>
  • 相关阅读:
    分析ASP.NET读取XML文件4种方法
    WordPress 主题教程 #4a:Header 模板
    WordPress 主题教程 #4b:Header 模板 2
    倍受好评的美国主机JustHost使用全攻略教程
    单链表的创建、插入、删除、倒置操作
    WordPress 主题教程:从零开始制作 WordPress 主题
    google adsense 设置建议
    PHP:10个不常见却非常有用的PHP函数
    WordPress 主题教程 #2:模板文件和模板
    必须掌握的八个cmd命令行
  • 原文地址:https://www.cnblogs.com/guo-s/p/14215410.html
Copyright © 2011-2022 走看看