element-ui 的 table 组件 无法设置行高的问题?

Posted Blogger

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui 的 table 组件 无法设置行高的问题?相关的知识,希望对你有一定的参考价值。

element-ui 的 table 组件 无法设置行高的问题
因为需要改变table组件的 行高;试了好多方法;包括官方文档提供的方法cell-style,cell-class-name,虽然能加上样式但是没有效果,不知道啥原因,最后 发现 td 下面有个 class 为 cell 的div,于是修改如下
.cellmax-height: 94px !important;overflow: auto !important;
经测试成功
————————————————
版权声明:本文为CSDN博主「枫丿慕」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/abcde158308/article/details/80325152

 

:header-row- :header-cell- :row- :cell-

element-ui中el-table组件的行号

参考技术A 场景:列表的第一列为序号,为保护数据信息,防止恶意爬虫,不能把后端给的id直接显示想到这里;
解决:通过动态绑定属性 row-class-name 。
templete:

script:

效果:

以上是关于element-ui 的 table 组件 无法设置行高的问题?的主要内容,如果未能解决你的问题,请参考以下文章

求大神指教 webpack+element-ui无法显示table组件

element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动

Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路

element-ui中el-rate组件无法清空

electron-vue在使用element-ui时部分组件无法显示问题

element-ui中table组件-高度做适配