Element Plus Table 列高度调整教程
要修改 Element Plus 中 <el-table> 下的 <el-table-column> 的高度,你可以使用自定义的 CSS 样式来实现。
首先,给 <el-table> 添加一个自定义的 class,例如 custom-table:
<el-table class='custom-table'>
<!-- el-table-column -->
</el-table>
然后,在你的样式表(CSS 或者 SCSS 文件)中,为这个自定义的 class 设置高度:
.custom-table .el-table-column {
height: 50px; /* 设置你想要的高度 */
}
通过设置 .el-table-column 类的样式,你可以修改 <el-table-column> 的高度为你想要的数值。请确保在修改样式时,使用合适的选择器和优先级,以确保样式能够正确应用到对应的元素上。
记住,如果你使用了 scoped CSS 或者 CSS Modules,你需要根据你的配置来正确设置样式。
原文地址: https://www.cveoy.top/t/topic/T0d 著作权归作者所有。请勿转载和采集!