Elementui--Table表格使用记录

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








發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章