element 怎么调整el-row 行高度
1、方法一:vue element UI el-table表格调整行高,及单元格内字体大小说明:
缩小:行高到一定程度之后便不能缩小。 好像最小35px。各位可以试一下。升高:本人实际开发中没试过最大多少,但行高的高度完全可以调到自己适合的高度。

2、方法二:<el-table
row-style="height:20px" cell-style="padding:0" style="font-size: 10px"> </el-table>cell-style="padding:0"这列可以不用加。 这是我在缩小高度时,缩小到最小高度不能再缩时才加的。

3、方法三:在开发中,需要表格控件根据浏览器高度进行调整,固定表头,且然后多余的出滚动条,官方给出的:只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。

4、方法四:
然后直接上template代码:
<template> <el-table :data="tableData3" height="250" border style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> </el-table></template>其中height="250"是固定值,我们可以在data中设置一个tableHeight,其中x是根据你布局自己算出来的值,也可以换成动态监测的值,就是父级到body的值,这个可以自行添加

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:184
阅读量:185
阅读量:27
阅读量:132
阅读量:47