elementUi表格行高问题解决方案

elementUI表格行高无法过低设置，根本原因在于有一个<div class= 'cell'></div>限制了大小，我的版本中最小lineheight为40，多次尝试使用接口与自定义样式无效，直接更改源码

找到node_modules\element-ui\teaStyle\theme\index.css

过滤“.el-table .cell”选择器

直接删掉lineheight属性，便会自动撑开高度

修改后应如下

.el-table .cell {-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-all;padding-left: 10px;padding-right: 10px
}

如果有其他格式需求可以在row-syule和cell-style表格属性中更改

elementUi表格行高问题解决方案相关推荐

实习总结第七谈-----------vue中element-ui的表格行高怎么控制
依旧在我负责的当前项目中举例子: 我的表格要求是一页只显示10条数据,且纵向不能产生滚动条,这样就意味着不能设置表格的整体高度来控制,那样会会产生滚动条,要么在表格纵向产生滚动条,要么在屏幕纵向产生滚 ...
html table设置行高_单元格的行高怎么设置 html语言怎么设置设置表格行高？
在Excel中,如何设置表格最合适的行高.列宽? 本次操作使用的软件为Excel电子表格,软件版本为office家庭和学生版2016. 小编只是难过不能陪你一起到老,再也没有机会,看到你的笑. 请问怎 ...
php中表格第一行不动,word表格行高拉不动怎么办
解决方法:1.打开word表格,选定需要调整行高的单元格:2.选择"开始"菜单,点击"段落"区域的三角形图标,打开段落对话框:3.在"间距" ...
计算机考试行高怎么设置,2017年职称计算机考试WPS教程：表格行高列宽的调整...
2017年职称计算机考试WPS教程:表格行高列宽的调整导语:在WPS教程中的表格行高列宽的调整是怎样的呢?下面我么一起来看看相关的具体操作是怎样的吧.更多相关内容请上应届毕业生考试网查询. 表格行高 ...
EasyPOI 根据模板导出excel时，无法自适应行高得解决方案记录
目录 EasyPOI 根据模板导出excel时,无法自适应行高得解决方案记录首先说一下问题得场景第一步第二步第三步第四步第五步第六步第七步 (就是这个方法!) EasyPOI 根据模板 ...
html table设置行高_html 表格行高
你的位置: 问答吧 -> HTML/CSS -> 问题详情 html 表格行高有一个表格想控制行高 , aaaaa bbbb ccc 为何设置分割线高度不起作用 ,应该如何实现作者 ...
LabVIEW 调整Table表格行高列宽的方法与例程
LabVIEW 调整Table表格行高列宽的方法与例程在 VI 运行时,可以用两种不同的方式更改表中的列宽度.首先,可以用鼠标更改它们:其次,可以通过属性节点编程更改它们. 手部更列表的宽度只有在 ...
elementUI的行高设置
在前端开发时,难免用到表格,而最流行的后端组件库ElementUI就是常用到的组件库 <el-table :data="tableData" style="widt ...
原生javascript实现拖拽改变table表格行高（html）
最近在做一个OA的项目,里面需要大量的表格操作.有一些是使用html中的table去模拟excel的功能,等项目做完,我会把这些好玩的功能抽取出来,做一个html的excel插件. 今天先和大家分 ...

elementUi表格行高问题解决方案

elementUi表格行高问题解决方案相关推荐

最新文章

热门文章