ant styles.tableTeCenter 怎么用

`ant-design-vue` 中的 `styles.tableTeCenter` 是一个样式类，用于设置表格 (`table`) 中的列(`th` 或 `td`) 居中对齐。在 Vue 中，如果你想应用这个样式到 `<el-table>` 元素上，通常会在表头单元格(`<el-table-column>` 的 `header-cell-style` 或 `cell-style`) 或单元格(`<el-table-row>` 的 `cell-class-name` 或直接在 `<td>` 上使用它。

例如：

<template>
  <el-table :data="tableData">
    <el-table-column header-align="center" prop="name" label="姓名" :cell-style="{ 'text-align': 'center' }">
      <!-- 这里使用了 styles.tableTeCenter，因为已经设置了 header-align，所以不需要再次设置 text-align -->
    </el-table-column>
    <!-- 如果你想在整个表格中统一居中，可以在 el-table 标签上添加 class -->
    <el-table :class="{'table-te-center': true}" ...></el-table>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 }
      ]
    };
  }
};
</script>

<style scoped>
.ant-table .table-te-center th,
.ant-table .table-te-center td {
  text-align: center;
}
</style>

在这个例子中，`.table-te-center` 类会被自动应用到表格元素上，使其所有行和列都居中显示。