element+vue:el-table-column里面的内容只显示一行

摘要:
用法:show overflow toolti=“true12呈现:然而!当内容太多时,它也会显示在一行中,可读性很差,因此我们应该尝试将其包装123.el tooltip_top{max-400px}注意:将此样式放在范围内是无效的。最好这样做。当然,也可以设置固定的宽度和高度,这意味着不会显示太多内容
:show-overflow-tooltip="true
1
2
<el-table-column :show-overflow-tooltip="true" prop="content" label="内容" width="400px" header-align="center">
    </el-table-column>

  效果图:

 element+vue:el-table-column里面的内容只显示一行第1张

 但是!

当内容太多的时候,他也是一行显示,阅读性差

所以我们应该尝试使其换行

1
2
3
<style ang="scss">
  .el-tooltip__popper{max- 400px}
</style>

 注意:将此样式放到scoped中是无效的

这样的(设置最大宽度)是比较好的,当然也可以设置固定的宽高,就是内容太多的时候会显示不下

免责声明:文章转载自《element+vue:el-table-column里面的内容只显示一行》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇linux rsync 指定用户名和密码的方式同步(转)使用EditThisCookie浏览器插件导出cookie下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

MYSQL 批量删除以特定前缀开头的表

前言 这是工作中确实会用到,比如分库分表后有t_order_01、t_order_02、t_order_03...t_order_08 这样的表。 测试过程中造了大量数据进行测试,其中可能含有部分脏数据,因此下一轮测试时最好把整个模块的数据进行删除。...

mysql通过mysqldump备份数据库忽略表

使用mysqldump备份数据时可以使用设置 --ignore-table参数进行表的忽略备份! 单表: --ignore-table=数据库名.表名 多表:--ignore-table=数据库名.表名  --ignore-table=数据库名.表名 以下是 mysqldump 的一些使用参数 备份数据库#mysqldump 数据库名 >数据库备份名...

vxworks固件分析

前言 vxworks 的固件分析流程 1.用binwalk查看固件基本信息并解压固件 2.获取固件相关信息, cpu架构,大小端 3.确定固件的加载地址 4.用IDA加载固件,并修复符号表 5. 分析固件 实战分析 一道CTF题 分析固件 用到的例子 http://www.icsmaster.org/wp-content/uploads/2018/01/...

Android ORM——初识greenDAO 3及使用greenDAO 3前应该掌握的一些知识点(一)

引言 总所周知,SQLite——内嵌于Android中一个占用内存极小的关系型,作为我们Android存储领域中重要的一员 ,或多或少都曾接触到数据库。即使Android系统中提供了很多操作SQLite的API,可是在业务开发中还是须要手动去编写原生SQL语句,这不仅复杂、不好维护。更重要的是不高效,经常会由于SQL语句写错而添加了开发成本,于是便出现...

TableCache设置过小造成MyISAM频繁损坏 与 把table_cache适当调小mysql能更快地工作

 来源: 前些天说了一下如何修复损坏的MyISAM表,可惜只会修复并不能脱离被动的境地,只有查明了故障原因才会一劳永逸。如果数据库服务非正常关闭(比如说进程被杀,服务器断电等等),并且此时恰好正在更新MyISAM表,那么发生损坏的概率就比较大。今天我要说的是另一种情况:频繁的打开关闭MyISAM表文件造成MyISAM表损坏。什么时候会出现频繁的打开关闭My...

pg10、11、12版本特性

2. 分区表的改进 PostgreSQL 10 实现了声明式分区,PostgtreSQL 11完善了功能,PostgreSQL 12提升了性能。我们知道在PostgreSQL 9.X时代需要通过表继承实现分区,这时还需要手工加触发器或规则把新插入的数据重新定向到具体的分区中,从PostgreSQL 10之后不需要这样了,直接用声明式分区就可以了,语法如下:...