首页 > 其他分享 >关于elementUI开发中使用的一些小技巧

关于elementUI开发中使用的一些小技巧

时间:2023-11-13 20:34:43浏览次数:30  
标签:右边 技巧 表格 elementUI 开发 一列 key row

关于表格

1.表格的勾选遇上分页

问题:当需要对表格批量操作,并且表格数量量不止一页的情况下,怎么在点击下一页时再回来能够保留之前勾选的状态(前端分页)?
在element官网中没有这个例子,但是有对应的两个属性就可以了
image

只需要在多选框那一列加上这个属性,并且设置表格每行的key
image
例子:

<el-table
  ref="form"
  :model="form"
  :row-key="getRowKeys"
  ...
	<el-table-column type="selection" :reserve-selection="true"></el-table-column>
  ...
  methods:{
    getRowKeys(row) {
	   return row.id;//设置每行的唯一key
    },
  }

2.表格操作列固定后拖动表格的其它列

问题:很多表格太宽时一般会把操作栏那一列固定在最右边,但是element其它列是可以拖动调整宽度的,最右边一列因为时fixed脱离文档流了,会一直固定在右边,而左边的其他列因为宽度太小不能与右边一列重合了

  • 如官网中出现的,露出了一大片空白:

image

  • 导致不是很好看,这时可以调整操作栏旁边的一列,设置min-width自适应就可以了

image

标签:右边,技巧,表格,elementUI,开发,一列,key,row
From: https://www.cnblogs.com/a-fairy/p/17830087.html

相关文章

  • 答题猜歌闯关流量主小程序开发
    视频互动答题是一款微信小程序游戏,以视频互动的形式进行答题,内容涵盖广泛,包括天文地理、生活百科、历史文化、综艺娱乐、数理知识等。用户可以通过答题获得红包兑换余额,并有机会赢得豪华奖品。设计风格:设计风格年轻活力,多彩轻渐变,轻物理投影。设计目的:视频互动答题旨在帮助用户积累......
  • idea开发工具常用快捷键
    转载自,侵删。Ctrl+Shift+Enter,语句完成“!”,否定完成,输入表达式时“!”键Ctrl+E,最近的文件Ctrl+Shift+E,最近更改的文件Shift+Click,可以关闭文件Ctrl+[OR],可以跑到大括号的开头与结尾Ctrl+F12,可以显示当前文件的结构Ctrl+F7,可以查询当前元素在当前文件中的引用,然后按F3......
  • 现代移动应用开发的未来非Flutter莫属!
    前言Flutter是一种开源的移动应用开发框架,由Google推出,为开发者提供了一种全新的方式来构建跨平台的高性能应用程序。随着移动应用市场的快速发展和技术的不断进步,Flutter被认为是现代移动应用开发的未来。Flutter优势首先,Flutter具备卓越的性能和响应速度它采用了自己的渲染引擎,名......
  • 直播app软件开发的步骤和代码!
    随着互联网的发展,直播App已经成为人们日常生活的一部分,它为观众提供了实时观看、互动交流和参与体验的机会,同时也为开发者带来了可观的商业价值,本文将详细介绍直播App的开发步骤和相关代码。一、需求分析在开发直播App之前,需要进行详细的需求分析,这包括对目标用户、竞争对手和市场......
  • 打造独特直播风格:视频直播美颜SDK的个性化定制技巧
    如今,视频直播美颜SDK为主播们提供了更多个性化定制的机会,使他们能够打造独特的直播风格。本文将探讨一些视频直播美颜SDK的个性化定制技巧,帮助主播在激烈的直播竞争中脱颖而出。一、了解美颜SDK基本原理在个性化定制美颜效果之前,理解美颜SDK的基本原理是至关重要的。不同的SDK可能......
  • Teamcenter开发,时间表或者任务,如何获取子任务
    1、在胖客户端是看到对应子任务,是放在父任务的哪个属性的。2、你在胖客户端看父任务和子任务的关系,也是-1,所以这个就很奇怪了。 是这个属性 child_task_taglist 补充一下:时间表  和汇总任务的关系内码是:fnd0SummaryTask如果要获取时间表下面的子任务,不能通过时间......
  • 2.1 Windows驱动开发:内核链表与结构体
    在Windows内核中,为了实现高效的数据结构操作,通常会使用链表和结构体相结合的方式进行数据存储和操作。内核提供了一个专门用于链表操作的数据结构LIST_ENTRY,可以用来描述一个链表中的每一个节点。使用链表来存储结构体时,需要在结构体中嵌入一个LIST_ENTRY类型的成员变量,用来连接......
  • 抖音小程序定制开发: 创新互动体验的代码之旅
    随着抖音平台的蓬勃发展,抖音小程序定制开发成为数字创新的前沿领域。在这篇文章中,我们将深入探讨如何通过技术代码,定制开发抖音小程序,为用户带来独特而引人入胜的互动体验。第一步:环境准备首先,确保你已经安装了Node.js和npm。接着,使用以下命令安装字节跳动的命令行工具:npminsta......
  • 全志R128应用开发案例——获取真随机数
    获取真随机数本文案例代码下载地址获取真随机数案例代码https://www.aw-ol.com/downloads?cat=24R128内置了TRNG,一个真随机数发生器,随机源是8路独立的环形振荡器,由模拟器件电源噪声产生频率抖动,用低频始终重采样,然后进行弹性抽取和熵提取处理,最终输出128bit真随......
  • 开发企业微信群机器人,实现定时提醒
    大家好,我是鱼皮,今天分享一个用程序解决生活工作问题的真实案例。说来惭愧,事情是这样的,在我们公司,每天都要轮流安排一名员工(当然也包括我)去楼层中间一个很牛的饮水机那里接水。但由于大家每天都有自己的工作,经常出现忘记接水的情况,导致大家口渴难耐。怎么解决这个问题呢?我想到了几种......