elementUI table如何給表頭添加氣泡顯示
更新時(shí)間:2023年11月17日 14:30:02 作者:qq_36165747
這篇文章主要介紹了elementUI table如何給表頭添加氣泡顯示問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
elementUI table給表頭添加氣泡顯示
公司項(xiàng)目有個(gè)需求,就是要給表格的頭部添加氣泡顯示,在網(wǎng)上找了好多,也看了官網(wǎng),但是有點(diǎn)不好使,集中了好幾個(gè)網(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="開始時(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)惠金額/購買數(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)簡單計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了基于Vue方法實(shí)現(xiàn)簡單計(jì)時(shí)器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
vue3?element?plus按需引入最優(yōu)雅的用法實(shí)例
這篇文章主要給大家介紹了關(guān)于vue3?element?plus按需引入最優(yōu)雅的用法,以及關(guān)于Element-plus按需引入的一些坑,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
vue2.0 與 bootstrap datetimepicker的結(jié)合使用實(shí)例
本篇文章主要介紹了vue2.0 與 bootstrap datetimepicker的結(jié)合使用實(shí)例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-05-05
Vue.js組件tree實(shí)現(xiàn)省市多級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了Vue.js組件tree實(shí)現(xiàn)省市多級聯(lián)動的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12

