elementUI table如何給表頭添加氣泡顯示
更新時間：2023年11月17日 14:30:02 作者：qq_36165747
這篇文章主要介紹了elementUI table如何給表頭添加氣泡顯示問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
elementUI table給表頭添加氣泡顯示
公司項目有個需求，就是要給表格的頭部添加氣泡顯示，在網(wǎng)上找了好多，也看了官網(wǎng)，但是有點不好使，集中了好幾個網(wǎng)友的代碼，算是整了出來
<el-table-column prop="date_time" label="日期" align="center">
<template slot="header" slot-scope="scope">
日期
<el-tooltip class="item" effect="dark" placement="top" content="開始時間和結(jié)束時間不能小于2019-06-13" >
<i class="el-icon-info"></i>
</el-tooltip>
</template>
</el-table-column>
效果如上圖
elementUI給table表頭添加tooltip（自定義表頭）
<el-table-column
prop="dealPrice"
label="成交單價"
>
<template
slot="header"
slot-scope="scope"
>
成交單價
<el-tooltip
class="item"
effect="dark"
content="成交單價=單價-商品優(yōu)惠金額/購買數(shù)量"
placement="top"
>
<i class="el-icon-info"></i>
</el-tooltip>
</template>
</el-table-column>總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了基于Vue方法實現(xiàn)簡單計時器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家介紹了vue組件historyApiFallback作用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
這篇文章主要介紹了Vue路由傳參props解耦的三種方式小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
vue3?element?plus按需引入最優(yōu)雅的用法實例
這篇文章主要給大家介紹了關(guān)于vue3?element?plus按需引入最優(yōu)雅的用法,以及關(guān)于Element-plus按需引入的一些坑,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了vue組件中添加@click失效問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
vue2.0 與 bootstrap datetimepicker的結(jié)合使用實例
本篇文章主要介紹了vue2.0 與 bootstrap datetimepicker的結(jié)合使用實例，非常具有實用價值，需要的朋友可以參考下2017-05-05
Vue的配置項'vue.config.js'是用來配置Vue項目的構(gòu)建配置的,它是一個可選的配置文件,放置在項目的根目錄下,這篇文章主要給大家介紹了關(guān)于vue配置vue.config.js的相關(guān)資料,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了Vue手寫dialog組件模態(tài)框過程，dialog組件為模態(tài)框，因此應(yīng)該是固定定位到頁面上面的，并且需要留一定的插槽來讓使用者自定義顯示內(nèi)容2023-02-02
Vue.js組件tree實現(xiàn)省市多級聯(lián)動
這篇文章主要為大家詳細介紹了Vue.js組件tree實現(xiàn)省市多級聯(lián)動的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家介紹了Vue配置環(huán)境變量，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01