element 怎么调整el-row 行高度

2025-11-26 10:19:27

1、方法一:vue element UI el-table表格调整行高,及单元格内字体大小说明:

缩小:行高到一定程度之后便不能缩小。 好像最小35px。各位可以试一下。升高:本人实际开发中没试过最大多少,但行高的高度完全可以调到自己适合的高度。

element 怎么调整el-row 行高度

2、方法二:<el-table

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

element 怎么调整el-row 行高度

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

element 怎么调整el-row 行高度

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的值,这个可以自行添加

element 怎么调整el-row 行高度

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