el-table-column 纵向对齐方式.pdfVIP

el-table-column 纵向对齐方式 el-table-column 组件没有内置的纵向对齐方式设置，但可以通过对 el- table-column 组件进行样式设置来实现纵向对齐的效果。 例如，当你想让表格的列数据在垂直方向上居中对齐时，你可以在el-table- column 组件中使用CSS 中的flex 布局，并设置align-items: center;来达到这个 效果，代码如下： htmlel-table :data=tableData el-table-column prop=date label= 日期 width=180 style scoped .el-table .cell { display: flex; align-items: center; } /style /el-table-column ... /el-table 需要注意的是，该方法只适用于表格内部数据的垂直居中对齐，如果你想调 整的是整个el-table 组件在页面中的垂直位置，你可能需要对包含el-table