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