最近在做设备点检的项目,由于点检项多,用户不行一个个去勾选,想通过点击表头实现一键全选的功能,翻阅elementui table API发现有这么一个事件:header-click
使用方法如下:
在HeaderClick()里的参数cloumn,通过打印发现cloumn里的property对应的值就是被点击表头的prop
将cloumn.property传入写的函数里调用接口,即可。效果如下:
(https://img-blog.csdnimg.cn/20201205152826796.gif#pic_center)
2.让table 里的td文字太多时,显示省略号,在加入:show-overflow-tooltip="true"即可
Elementui--Table表格使用记录
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
antv/g6 怎么关闭 tooltip ?
原創
2024-04-22 10:33:52
echarts 文字大小调整
文文1
2023-10-11 13:48:20
基于vue3jsx element ui实现的类似react antd design Pro的ProTable 和EditableProTable
原創
2022-12-30 23:05:25
向 div 添加工具提示 - Add a tooltip to a div
javail
2021-09-30 21:15:40
Bootstrap 工具提示不起作用 - Bootstrap tooltips not working
javail
2021-09-20 09:16:11
【Web技术】1048- 手把手教你实现web文本划线的功能
前端自習課
2021-08-13 21:25:56
WPF应用程序的交互界面可以这些样式,你知道吗?
原創
2021-07-15 09:26:18
React 进阶之组件实战视频教程(10 个视频)
原創
2021-05-19 09:41:10
Kendo UI for jQuery数据管理使用教程:PivotGrid - 显示工具提示
原創
2021-04-15 09:26:25
给网站添加图片预览 大小缩放功能
文文1
2021-03-22 21:15:37
如何使用JavaScript创建气泡图以可视化选举结果
osc_6jhxf9ab
2021-02-05 09:27:10
GooCanvas学习笔记
原創
2021-01-30 10:42:52
duilib入门简明教程 -- 简单控件介绍 (12)
osc_o9u1um45
2021-01-30 10:18:42
Flutter 按钮Button多样式练习
osc_e45irv7l
2021-01-30 09:41:17