[小技巧] element-ui 表格内容不垂直居中

问题呈现：

element-ui的el-table-column（相当于原生HTML的TD标签），默认是垂直居中的，这在大多数情况下是没问题的，如图：

但是，当单元格内内容很长的时候，表格被撑开就自动垂直居中了，看起来很别扭：

解决方案：

1. 首先设置属性className = "自定义css-class"，此处如果直接写入style = "vertical-align: top" 是没用的。

<el-table-column
    label="列1"
    min-width="30%"
    className="my-cell"
>

2. 创建一个 .el-table下的 .my-cell类，只能是单纯的<style>，如果是写成<style scoped>这样，也没用。

<style>
  .el-table .my-cell {
    vertical-align: top
  }
</style>

3. 刷新页面，表格中的内容就不会垂直居中了。