最近在做設備點檢的項目,由於點檢項多,用戶不行一個個去勾選,想通過點擊表頭實現一鍵全選的功能,翻閱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