Elementui--Table表格使用记录

前提是你 提交于 2020-12-07 20:09:10

最近在做设备点检的项目,由于点检项多,用户不行一个个去勾选,想通过点击表头实现一键全选的功能,翻阅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"即可
在这里插入图片描述在这里插入图片描述








标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!