问题情境昨天韩老师发的文章Excel | 如何实现有下拉菜单的跨表数据汇总并查询,里面有下拉菜单,有朋友问这个下拉菜单怎么做的。 其实,在韩老师很早的一篇文章Excel | 多级联动菜单,规范数据输入中,也讲到过这个问题,不过,这篇文章对一级菜单的做法讲的不甚详细,那今天就来总结一下下拉菜单的几种做法。方法实现 1、选项 不固定 的下拉菜单——Alt+↓这种情况下,可以按 Al
转载
2024-05-31 07:49:30
120阅读
前言前段时间做移动端的项目,项目中需要一个固定表头和首列的表格,但由于是移动端的,组件库里没有类似的,于是,就去网上找看有没有类似的,结果越找越气,10个文章9个抄,抄也行,你倒是抄个能用的啊,一篇根本就不能用的文章,抄个什么劲?有意义??? 没办法,只有自己写一个了。效果图实现思路1、首先分为四部分,左上角固定不动的表头,表头部分,首列部分,表格主体部分 2、整个表格添加定位position:
转载
2024-03-18 19:42:25
304阅读
具体需求 在使用el-table时,表格高度自适应(不出现双滚动条,仅body有滚动条),滚动到表头的位置时自动吸附在顶部。实现原理 在尝试了几种方法之后,其他方法都不支持左右固定栏(fixed),所以最终采用了监听滚动事件的方案,采用了mixins混入方案,只测试vue2.0,不建议使用全局混入,vue3估计需要调整** 1、通过监听滚动事件、获取表头的高度,位置,在特定的情况下修改el-tab
转载
2024-03-19 08:58:46
2016阅读
做Web开发的人员一定都会面临一个共同的难题,那就是打印。的确,相对于Windows桌面应用程序来讲,Web应用程序的打印有种种限制,技术人员在项目开发过程中经常会遇到用户这样或那样的需求. 做过桌面应用开发的人都会非常熟悉水晶报表、Active Report之类的报表控件,它们不仅有简单灵活的设计界面,更具有非常强大的报表功能,能满足各种报表的打印需求。而Web应用则
excel初学快捷键+常用函数Ctrl快捷键Ctrl + A 全选当前选中单元格附近所有连续单元格(可全选表中所有数据)Ctrl + D 把上一个单元格的数据复制到选中单元格(可多选)Ctrl + R 未知效果,额,我也不知道这个什么用。有表格数据的小伙伴可以试试找找规律Ctrl + F 显示“查询”对话框,查询数据Ctrl + H 显示“查询替换”对话框,可查询(可替换)Ctrl + ↓(↑←→
element 中的table表头动态渲染 https://blog.csdn.net/heixiuheixiu666/article/details/104705024/ Element 动态表头渲染表格 https://qiaoyajun.blog.csdn.net/article/detail ...
转载
2021-09-17 11:17:00
360阅读
2评论
layui中的table模块中的基础参数应用 layui 的 table模块是一个重头,在基础参数方面尽可能地做到友好,即:保证功能的前提而又避免过于繁杂的配置。基础参数一般出现在以下几种场景中: 场景一:下述 lay-data 里面的内容即为基础参数项,切记:值要用单引号
<table lay-data="{height:300, url:'/api/data'}" lay-fi
【前言】在日常工作中,我们常常会用到Excel表格管理我们的工作计划,一份好的Excel管理计划,往往在工作中会达到事半功倍的效果,比如我们常可以用看到有大神如下操作:在操作Excel表时候,下拉选择某个单元格后,该行数据背景色都会变成对应的颜色。这种看起来就比普通的白底黑字要直观的多,从而提高工作效率。那么这种到底是如何实现的呢?下面我就给大家来个详细的教程!【1】打开Excel首先,我们打开一
转载
2024-10-28 09:57:18
554阅读
在工作学习中,我们经常会遇到Excel如何制作斜线表头这样的问题。有人说过:世界会向那些有目标和远见的人让路。因此,面对Excel如何制作斜线表头我们应该有努力探索的精神。不要轻言放弃,否则对不起自己!对于这个问题也是一样的。读书忌死读,死读钻牛角,对于Excel如何制作斜线表头我们一定要从不同角度去理解,只有这样才能找到解决办法。高尔基告诉我们:一个人追求的目标越高,他的才力就发展得越快
转载
2024-07-15 22:58:31
117阅读
项目功能任意层级合并单元格复杂表头解析自动转化为目标层级的数据结构自动生成基于 antdv 的 table 列配置数据 columns 及对于数据源 dataSource。在页面端复现 Excel 效果。在线示例步骤零:如需快速测试,可点击顶部的示例按钮,可快速填充测试数据,并自动下载对应的 Excel 文件,点击上传 Excel 文件即可复现整个使用流程步骤一:输入「Excel 表头结构字符串」
应用场景:列表单元格的值和列表的表头不在一张表里面,也就是动态表头data () {
return {
// 加载状态
loading: false,
// 显示空数据页面
showNone: true,
// 总条数
total: 0,
// 分类名称
typeName: '',
转载
2024-07-26 08:32:34
474阅读
"Excel控"每次分享一个Excel小技巧,建议各位读者学会总结、归纳,将学到的琐碎知识点化零为整,以点带面,构建起自己的Excel知识框架,把Excel锻造为自己的倚天剑!我们都知道键盘上有上、下、左、右四个箭头,在Excel里可以控制活动单元格的上下左右移动,今天,小编把跟箭头相关的快捷键做了一个系统全面的总结,下面分享给大家。Ctrl+Arrow 作用:此快捷键可以把活动单元格快速的移动到
转载
2024-03-29 08:04:21
296阅读
效果图安装Element-uinpm i element-ui -S引入 Element-ui 在 main.js 文件里引入并注册 ( 这里是 Vue3.0 的模板 )import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
imp
转载
2024-04-01 06:39:22
961阅读
大多数情况,我们的管理端都有表格展示数据,然而表格的展示基本都是表头横向展示,然后相应的数据一行一行排列在下方,我们先看一下element官网的el-table的样子:那么我们如果想要让表头纵向展示该如何实现呢?怎么样?是不是发现element官网没有这样的示例,有点难搞,哈哈,接下来咱们就来现场撸纵向表格展示,准备好了吗?其实原理很简单,一般的都是横向展示,先定义第一行表头,然后数据部分直接放在
转载
2024-03-08 18:09:08
472阅读
写在前面数据量100条左右Tree层级4-5级节点操作卡顿时间4~5s,并伴随初始化样式失真 卡顿只存在表格内嵌树结构情况下,单独Tree组件是不存在卡顿的。卡顿原因仍在定位源码中,之所以会去排查源码是因为我用同样的数据测试element、ant-design框架均不会出现卡顿,不仅仅是无卡顿
转载
2024-06-22 14:52:06
384阅读
element ui 提供了table ,根据对象数组 动态展示表格,但是实际需求中,有很多竖向展示表格的需求 效果图: 原本数据 data: [ { code: "weixin", name: "微信", icon: "src地址", isActive: false, templateInfoLi
原创
2022-07-06 11:54:31
2571阅读
Excel 用两种方法制作中国特色斜线表头 一、插入文本框法 步骤:调整表格行高、列宽:1、选中第一行,右击,点击快捷菜单中的“行高”,输入25,点“确定”。2、采取同样的方法,修改第二行行高为40
转载
2024-08-17 17:32:48
91阅读
1.动态多级表头的实现因为项目需求是要根据不同查询条件,显示不同的表头,所以需要动态渲染表头 在表格渲染的时候,label和prop要对应起来,简单一点的办法就是让后端传过来,这是我给后端提供的格式title:[
{label:'一级标题1',item:[ //label为表头的内容,prop为对应的字段名(注意字段名要和后端传过来的数据列表的字段名一致)
{label:'二级标题1
转载
2024-03-06 17:01:27
211阅读
element-ui中的表格组件有一个筛选功能:image.png实现方法就是在el-table-column上绑定上filters属性,是个数组,再去监听筛选触发的方法filter-method,这个方法会传入三个参数:value, row 和 column,具体看下面的代码:prop="tag"align='center'column-key="tag":filter-method="filt
转载
2024-04-03 11:13:12
704阅读
header-align="center"是只让表格头居中header-align="center"<el-table-column header-align="center" prop="ID" label="ID
原创
2022-12-05 15:16:52
161阅读