el-table在类中字体居中

要在 el-table 中将文本内容居中，可以在表格列的样式中设置 text-align: center。

在 Vue 的组件中，可以通过 scoped slot 的方式来自定义 el-table-column 的内容，并在其中设置样式。例如：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <div style="text-align: center">{{scope.row.name}}</div>
    </template>
  </el-table-column>
  <el-table-column label="年龄" prop="age">
    <template slot-scope="scope">
      <div style="text-align: center">{{scope.row.age}}</div>
    </template>
  </el-table-column>
</el-table>

在上面的例子中，通过设置 scoped slot，将 el-table-column 的内容包裹在一个 div 中，并设置样式为居中对齐。这样就可以实现 el-table 中的文本内容居中显示。

相关问题

el-table-column文字居中

可以通过设置 el-table-column 的属性 align 来实现文字居中，例如：

<el-table-column prop="name" label="姓名" align="center"></el-table-column>

<el-table-column文字居中

<el-table-column>元素可以通过在其上添加align='center'属性来使表格列中的文本居中。例如：<el-table-column label="姓名" prop="realname" align="center"></el-table-column>。这样做可以确保该列中的文本内容在水平方向上居中对齐。