精华内容
下载资源
问答
  • 问题:删除文件时如何隐藏表格该行数据 题外话:或许你们会说不会将该行数据剔除出去吗?但目前我做这个功能组件不允许这样干,哎~~ 原因:因为需要显示上传进度,这其中数据牵涉到严格顺序(索引下标index...

    前言

    最近做一个上传文件列表,列表中要显示上传进度,文件大小等等信息,还可以进行取消上传,重新上传,预览文件以及删除文件的操作。

    问题:删除文件时如何隐藏表格的该行数据

    题外话:或许你们会说不会将该行数据剔除出去吗?但目前我做的这个功能组件不允许这样干,哎~~

    原因:因为需要显示上传进度,这其中的数据牵涉到严格的顺序(索引下标index),所以删除文件的时候不能将其从数据数组中剔除出去,否则就会导致之后上传文件出错。所以用删除标识,有删除标识的就要从表格从隐藏起来,所以一开始感觉无从下手,惭愧…

    隐藏一行数据的方法:

    想了很久突然醒悟过来,我可以用计算属性啊,当时恨不得锤死自己…
    myFiles是计算属性,files是所有上传文件数据

    <el-table
    	:data="myFiles"      
    	empty-text="暂无上传文件"
    	style="width: 100%">
    	<el-table-column
    	  prop="name"
    	  label="文件名"
    	  min-width="180">
    	</el-table-column>
    	<el-table-column
    	  prop="size"
    	  label="大小"
    	  min-width="80">
    	</el-table-column>
    	<el-table-column
    	  prop="time"
    	  label="上传时间"
    	  min-width="100"
    	>
    	</el-table-column>
    	<el-table-column
    	  label="上传进度"
    	  min-width="180"
    	>
    	  <template slot-scope="scope">
    	    <el-progress style="width:80%;display: inline-block;" :text-inside="true" :stroke-width="24" :percentage="scope.row.persent" :color="scope.row.status==='success'?'#67C23A':(scope.row.status==='error'?'#F56C6C':'#409EFF')"></el-progress>
    	  </template>
    	</el-table-column>
    	<el-table-column
    	  label="上传状态"
    	  min-width="100"
    	>
    	  <template slot-scope="scope">
    	    {{scope.row.status==='success'?'上传成功':(scope.row.status==='error'?'上传失败':(scope.row.status==='cancle'?'已取消':'上传中'))}}
    	  </template>
    	</el-table-column>
    	<el-table-column label="操作" min-width="80">
    	  <template slot-scope="scope">
    	    <el-button
    	      size="mini"
    	      type="danger"
    	      v-if="scope.row.status==='loading'&&scope.row.persent!==99"
    	      @click="cancel(scope.$index,false)">
    	      取消上传
    	    </el-button>
    	    <el-button
    	      size="mini"
    	      type="primary"
    	      v-if="scope.row.status!=='loading'&&scope.row.status!=='success'"
    	      @click="toUploadFile(scope.$index,true)">
    	      重新上传
    	    </el-button>
    	    <el-button
    	      size="mini"
    	      type="success"
    	      v-if="scope.row.status==='success'"
    	      @click="toSee(scope.$index)">
    	      预览文件
    	    </el-button>
    	    <el-button
    	      size="mini"
    	      type="danger"
    	      v-if="scope.row.status!=='loading'"
    	      @click="cancel(scope.$index,true)">
    	      删除
    	    </el-button>
    	  </template>
    	</el-table-column>
    </el-table>
    
    //用计算属性筛选出没删除的数据进行展示,不对文件数据进行更改
    computed:{
      myFiles:function(){
        console.log(this.files)
        return this.files.filter(item => item.status!=='detele')
      }
    },
    

    效果图:
    没删除之前:
    在这里插入图片描述
    删除之后,数据还是三个,只显示两个:
    在这里插入图片描述

    隐藏一列数据的方法:

    这个很简单的,只需要在el-table-column加个v-if/v-show判断下就好了

    <el-table-column
      v-if="....."
      prop="size"
      label="大小"
      min-width="80">
    </el-table-column>
    
    展开全文
  • 原文:http://coolketang.com/staticOffice/5a97f101756571454f26af8c.html1. 本节课将为您演示,在工作表中如何隐藏和显示行和列。首先在列标上点击,选择B列单元格。 2. 然后在列标上点击鼠标右键,弹出右键菜单...

    原文:http://coolketang.com/staticOffice/5a97f101756571454f26af8c.html

    1. 本节课将为您演示,在工作表中如何隐藏和显示行和列。首先在列标上点击,选择B列单元格。 



    2. 然后在列标上点击鼠标右键,弹出右键菜单。 


    3. 选择菜单中的隐藏选项,隐藏当前的列。 


    4. 在其它单元格上点击,取消对隐藏列的选择。 


    5. 接着再来隐藏工作表中的行,在行号上按下鼠标并向下方拖动,以选择多个行。 


    6. 然后在选择的单元格上点击鼠标右键,弹出右键菜单。 


    7. 选择菜单中的隐藏选项,隐藏选择的6行单元格。 


    8. 使用相同的方式,在列标上按下鼠标,并向右侧拖动,以选择多个列。 


    9. 然后在选择的列标上点击鼠标右键,弹出右键菜单。 


    10. 选择菜单中的取消隐藏选项,取消刚刚隐藏的B列单元格。 


    11. 在其它单元格上点击,取消对列的选择。 


    12. 在行号上按下鼠标并向下方拖动,以选择包含隐藏行的多个行。 


    13. 然后在行号上点击鼠标右键,弹出右键菜单。 


    14. 选择菜单中的取消隐藏选项,即可恢复隐藏行的显示。 


    本文整理自:《Excel 2016互动教程》,真正的[手把手]教学模式,用最快的速度上手Excel电子表格,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1090726089,或扫描本页底部的二维码。课程配套素材下载地址:资料下载



    展开全文
  • excel使用

    2012-11-25 17:06:01
    选中D1单元格,用鼠标指向单元格右下角小方块“■”,当光标变成"+"后,按住鼠标拖动光标向下拖到要合并结尾处,就完成了B列和C列的合并。这时先不要忙着把B列和C删除,先要把D列的结果复制一下,再用...
  • C#编程经验技巧宝典

    热门讨论 2008-06-01 08:59:33
    2 <br>0003 设置程序代码序号 3 <br>0004 开发环境全屏显示 3 <br>0005 设置窗口自动隐藏功能 3 <br>0006 根据需要创建所需解决方案 4 <br>0007 如何使用“验证目标架构”功能 4 ...
  • 实例249 隐藏IE浏览器右键关联菜单 349 实例250 设置IE浏览器默认主页 350 实例251 禁止修改IE浏览器主页 351 8.4 应用软件设置 352 实例252 设置Word 2000文档及图片保存路径 352 实例253 限制...
  • delphi 开发经验技巧宝典源码

    热门讨论 2010-08-12 16:47:23
    0062 如何计算1~100阶乘 40 0063 如何实现最大公约数 40 0064 如何实现最小公倍数 41 0065 如何实现裴波纳契数列求和 42 0066 如何实现百钱百鸡算法 42 0067 如何实现哥德巴赫猜想 43 0068 如何...
  • Visual Studio程序员箴言--详细书签版

    热门讨论 2012-10-16 20:37:39
    技巧1.10 在编辑器中调换字符、单词和行的顺序 6 技巧1.11 在编辑器中使用键盘快捷键来改变单词大小写 7 1.1.2 撤销/重复 7 技巧1.12 使用标准工具栏上撤销堆栈 8 1.2 滚动与导航 8 1.2.1 滚动 8 ...
  • Visual Studio程序员箴言中文扫描PDF

    热门讨论 2010-12-28 01:04:18
    技巧5.40 在“对象浏览器”中隐藏成员类型或者显示已隐藏的成员类型 130 技巧5.41 将方法类型标记为“隐藏”,避免它们在microsoft intellisense或“对象浏览器”中出现 130 技巧5.42 “对象浏览器”设置...
  • 【工作表隐藏】 对当前工作薄中各工作表批量一次性进行隐藏与取消隐藏操作。 【新建工作表】 批量新建或者复制工作表,依指定存储格内容可以瞬间建立/复制1到255个。还可以在新建或复制时全自动命名。分为自动...
  • word使用技巧大全

    热门讨论 2011-03-18 20:37:53
    如何在其它计算机上打印含有本机特有字体文件 28 ★在Word中打印海报 28 ★Word复印机缩放功能 29 ★Word复印机缩放功能 29 ★将图片移到合适位置 30 ★Ctrl在绘图中作用 30 ★去除绘图时出现画布 30 ...
  • 千里马酒店前台管理系统V7使用手册

    热门讨论 2011-06-16 14:09:38
    千里马酒店前台管理系统V7.2具有先进理念、严谨设计、全面功能、优异性能、非常稳定、友好界面、快捷操作等等特色,从以下软件功能使用说明中,您将深切体会到这些特色为您带来好处。...
  • 技巧15 批量取消隐藏多个工作表 技巧16 彻底隐藏工作表 技巧17 让工作表永远显示表格标题 技巧18 标题行的重复打印 技巧19 多窗口协同作业 第二篇 数据输入导入 第3章 数据录入技巧 技巧20 调整...
  • 83. 快速隐藏/显示选中单元格所在行和列(微软OFFICE技巧大赛获奖作品) 47 84. 彻底隐藏单元格 48 85. 用下拉列表快速输入数据 48 86. 快速输入自定义短语 49 87. 设置单元格背景色 50 88. 快速在多个单元格中输入...
  • 83. 快速隐藏/显示选中单元格所在行和列(微软OFFICE技巧大赛获奖作品) 47 84. 彻底隐藏单元格 48 85. 用下拉列表快速输入数据 48 86. 快速输入自定义短语 49 87. 设置单元格背景色 50 88. 快速在多个单元格中输入...
  • Excel技巧大全

    2015-05-06 07:21:37
    39. 快速隐藏/显示选中单元格所在行和列(微软Office技巧大赛获奖作品) 24 40. 彻底隐藏单元格 25 41. 用下拉列表快速输入数据 25 42. 快速输入自定义短语 25 43. 设置单元格背景色 25 44. 快速在多个单元格中输入...
  • 39. 快速隐藏/显示选中单元格所在行和列(微软OFFICE技巧大赛获奖作品) 24 40. 彻底隐藏单元格 25 41. 用下拉列表快速输入数据 25 42. 快速输入自定义短语 25 43. 设置单元格背景色 25 44. 快速在多个单元格中输入...
  • 直接安装。 Linux最早起源是在1991年10月5日由一位芬兰大学生Linux Torvalds (Torvalds@kruuna.helsinki.fi)写了 Linux核心程序 0.02 版开始,但其后发展却几乎都 是由互联网上 Linux社团(Linux ...
  • PowerPoint.2007宝典 8/10

    2012-04-01 18:39:23
    9.4.2 插入或删除行和列 173 9.4.3 合并与拆分单元格 174 9.5 应用表格样式 174 9.6 格式化表格单元格 175 9.6.1 更改行高和列宽 175 9.6.2 设置表格边距和对齐方式 176 9.6.3 应用边框 176 9.6.4 ...
  • 入门学习Linux常用必会60个命令实例详解doc/txt

    千次下载 热门讨论 2011-06-09 00:08:45
    这是因为Linux许多版本Unix一样,提供了虚拟控制台访问方式,允许用户在同一时间从控制台(系统控制台是与系统直接相连监视器键盘)进行多次登录。每个虚拟控制台可以看作是一个独立工作站,工作台...
  • C#全能速查宝典

    热门讨论 2014-04-26 16:16:27
    2.2.26 SelectedRows属性——用户选定的行集合 179 2.2.27 SelectionBackColor属性——文本在选中时的颜色 180 2.2.28 SelectionColor属性——插入点的文本颜色 180 2.2.29 SelectionEnd属性——设置选定日期范围的...
  • 4.8.1 插入删除 100 4.8.2 添加文本 101 4.8.3 用REMARK命令加入注释 102 4.8.4 用COPY命令复制表 102 4.8.5 用SQL*Plus使DML更改永久化 103 4.8.6 用SQL*Plus创建网页 103 4.9 主要SQL*Plus...
  • VBA常用技巧

    2014-12-21 16:39:28
    技巧33 定位删除特定内容所在的行 12 技巧34 判断是否选中整行 12 技巧35 限制工作表的滚动区域 12 技巧36 复制自动筛选后的数据区域 12 技巧37 使用高级筛选获得不重复记录 12 技巧38 工作表的保护与解除保护 12 ...
  •  (3)命令提示符安全模式:也安全模式类似,只使用基本文件驱 动程序启动Windows XP。但登录后屏幕出现命令提示符,而不是Windows桌面 。  (4)启用启动日志:启动Windows XP,同时将由系统加载所有...
  • 实例197 获取GridView控件中隐藏的列值 314 实例198 在GridView控件中实现商品信息自动编号 315 实例199 GridView绑定数据为空时的界面设计 316 实例200 GridView强制换行显示论坛帖子的详细信息 317 实例201 查看...
  • 实例197 获取GridView控件中隐藏的列值 314 实例198 在GridView控件中实现商品信息自动编号 315 实例199 GridView绑定数据为空时的界面设计 316 实例200 GridView强制换行显示论坛帖子的详细信息 317 实例201 查看...
  • 实例197 获取GridView控件中隐藏的列值 314 实例198 在GridView控件中实现商品信息自动编号 315 实例199 GridView绑定数据为空时的界面设计 316 实例200 GridView强制换行显示论坛帖子的详细信息 317 实例201 查看...
  • 中文版Excel.2007图表宝典 2/2

    热门讨论 2012-04-06 19:01:36
    1.4.2 切换行和列的方向/12 1.4.3 改变图表类型/13 1.4.4 应用图表布局/14 1.4.5 应用图表样式/15 1.4.6 添加和删除图表元素/15 1.4.7 格式化图表元素/16 1.5 对图表进行操作/17 1.5.1 移动图表和改变图表大小/17 ...
  • VBA编程技巧大全

    2013-08-05 09:03:19
    技巧33 定位删除特定内容所在的行 88 技巧34 判断是否选中整行 89 技巧35 限制工作表的滚动区域 90 技巧36 复制自动筛选后的数据区域 91 技巧37 使用高级筛选获得不重复记录 93 技巧38 工作表的保护与解除保护 94 ...
  • 实例054 如何关闭MDI类型窗体中子窗体 63 实例055 向提示框中添加图标 64 第2章 控件应用 67 2.1 TEdit控件应用典型实例 68 实例056 从右至左输入数据 68 实例057 为TEdit控件添加列表选择框 69 实例...
  • 实例273 使用内连接选择一个表与另一个表中行相关所有 9.14 外连接查询 实例274 LEFT OUTER JOIN查询 实例275 RIGHT OUTER JOIN查询 实例276 使用外连接进行多表联合查询 9.15 利用IN进行查询 实例277 ...

空空如也

空空如也

1 2 3 4
收藏数 61
精华内容 24
关键字:

如何取消隐藏的行和列