網站首頁 編程語言 正文
項目場景:
使用element的el-table表格有時候需要在表頭的某項添加提示信息,如下圖所示:
實現方法:
代碼實現如下:
<el-table-column
prop="ownTimeFlag"
label="按占有時長計費"
show-overflow-tooltip>
<template slot-scope="{}" slot="header">
<span>是否按占有時長計費</span>
<el-tooltip class="item" effect="dark" placement="top">
<i class="el-icon-question" style="font-size: 14px; vertical-align: middle;"></i>
<div slot="content">
<p>是否按占有時長計費(后付費生效):</p>
<p>選擇是:計量數據大于0,將會忽略計量數據與公式的計算,直接計算整個時段(計量周期)費用。如:按日月結選擇是,用1秒也按1天計費。</p>
<p>選擇否:計量數據與配置的公式進行計算。</p>
</div>
</el-tooltip>
</template>
<template slot-scope="scope">
{{scope.row.ownTimeFlag ? '是' : '否'}}
</template>
</el-table-column>
原文鏈接:https://blog.csdn.net/migexiaoliang/article/details/126293191
相關推薦
- 2022-05-18 opencv?canny邊緣檢測算法詳解_python
- 2022-06-18 Redis官方可視化工具RedisInsight的安裝使用詳細教程(功能強大)_Redis
- 2022-09-03 C#中DataSet、DataTable、DataRow數據的復制方法_C#教程
- 2023-07-14 如何限制請求的并發數量
- 2022-03-27 關于Android?Device?Monitor?無法打開問題_Android
- 2023-01-18 React報錯Element?type?is?invalid解決案例_React
- 2021-12-13 在Centos7中配置NIS的詳細過程_Linux
- 2022-04-30 .Net?生成壓縮文件問題記錄(推薦)_實用技巧
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支