当前位置:网站首页>El tooltip in the table realizes line breaking display
El tooltip in the table realizes line breaking display
2022-07-01 05:48:00 【Lonely and arrogant ζ】
effect
html Code
<el-table-column
prop="workcontents"
key="workcontents"
label="label"
align="center"
width="100"
>
<template slot-scope="scope">
<el-tooltip placement="top">
<div
style="max-width:480px" // Set the maximum width
v-html="scope.row.workcontents" // Display content
slot="content"
></div>
<span class="overHiddlen">
{
{ scope.row.workcontents }} // Show ellipsis
</span></el-tooltip
>
</template>
</el-table-column>
css Code
.overHiddlen {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* Number of lines that can be displayed , Use... For the excess part ... Express */
-webkit-box-orient: vertical;
}
边栏推荐
- 2022 the 8th China International "Internet +" college student innovation and entrepreneurship competition industry proposition track is open for registration!
- SystemVerilog学习-09-进程间同步、通信和虚方法
- 激活函数简述
- restframework-simpleJWT重写认证机制
- Data governance: metadata management implementation (Part IV)
- He struggled day and night to protect his data
- Unity 使用Sqlite
- Advanced cross platform application development (III): online resource upgrade / hot update with uni app
- HDU - 1069 Monkey and Banana(DP+LIS)
- ssm+mysql二手交易网站(论文+源码获取链接)
猜你喜欢
Speed regulation and stroke control based on Ti drv8424 driving stepper motor
SystemVerilog学习-10-验证量化和覆盖率
云盘里资料被和谐了,怎么办?
【QT】qt加减乘除之后,保留小数点后两位
Know the future of "edge computing" from the Nobel prize!
C language beginner level - realize the minesweeping game
【考研高数 武忠祥+880版 自用】高数第二章基础阶段思维导图
College community management system based on boot+jsp (with source code download link)
如何添加葫芦儿派盘
C语言初阶——牛客网精选好题
随机推荐
【考研高数 自用】高数第一章基础阶段思维导图
This is the necessary software for college students 𞓜 knowledge management
JSON data comparer
HCM 初学 ( 三 ) - 快速输入PA70、PA71 浏览员工信息PA10
tese_ Time_ 2h
Code shoe set - mt3149 · and - the data is not very strong. Violent pruning can deceive AC
表格中el-tooltip 实现换行展示
Trust guessing numbers game
数据治理:数据治理框架(第一篇)
CJC8988带2个立体声耳机驱动器的低功率立体声编解码器
穿越派·派盘 + 思源笔记 = 私人笔记本
Fragment upload and breakpoint resume
excel高级绘图技巧100讲(一)-用甘特图来展示项目进度情况
Learn the customization and testing of fpga---ram IP from the bottom structure
Advanced cross platform application development (II): uni app practice
Brief description of activation function
A little assistant for teenagers' physiological health knowledge based on wechat applet (free source code + project introduction + operation introduction + operation screenshot + Thesis)
LeetCode 最大矩形,最大正方形系列 84. 85. 221. 1277. 1725. (单调栈,动态规划)
2022第八届中国国际“互联网+”大学生创新创业大赛产业命题赛道开启报名!
多表操作-外键级联操作