【万恶的el-table】之垂直居中问题

问题:

element-ui的el-table-column(相当于原生HTML的TD标签),默认是垂直居中的,但是,当单元格内容很长或需要合并行时,表格被撑开就自动垂直居中了

如果有垂直居上的需求,可以这么写:

1. 设置属性className = "自定义class"

<el-table-column

    label="门禁xx"

    className="v-align-t"

>


2. css如下,或者在cell-style中直接写样式: vertical-align: top。

<style>

.el-table . v-align-t {

    vertical-align: top;

}

</style>

3. 效果如下。样式略丑,仅作记录。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容