最近在做设备点检的项目,由于点检项多,用户不行一个个去勾选,想通过点击表头实现一键全选的功能,翻阅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"即可
3.给table表格做样式修改:比如,给单元格里状态为使用中的添加背景色
使用方式:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201207151240900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI1NDE2OQ==,size_16,color_FFFFFF,t_70
在methods里使用如下:columnIndex为列的索引值,从0开始,columnIndex=12,即第13列为使用中的,修改背景色!不知各位大佬们有没有其他好的方法!!!
效果如下:
Elementui--Table表格使用记录
最新推荐文章于 2023-11-25 14:46:50 发布