elementUI el-table中的对齐问题

Element UI 的 el-table 组件提供了多种属性来控制表格的样式，包括对齐方式。

要设置 el-table 中的内容对齐，可以使用 align 属性。align 属性可以设置为 left、center、right，分别代表左对齐、居中对齐和右对齐。

下面是一个简单的例子，展示如何在 el-table 中设置内容的对齐方式：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    align="center">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '李小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '赵小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '孙小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  }
}
</script>

在这个例子中，el-table 的 align 属性被设置为 "center"，这会使得表格内的所有单元格内容都居中对齐。如果你想要改变某一列的对齐方式，可以使用 el-table-column 的 align 属性来覆盖全局设置。