如何让eltable表格中的数据和图标都水平垂直居中

在Element UI的`el-table`组件中，如果你想让表头或单元格的数据以及图标同时水平和垂直居中，可以采用CSS样式调整。首先，你需要确保你的列定义中包含了需要居中的元素，例如`<el-table-column>`。

你可以通过设置`align`属性来控制单元格内容的对齐，对于文字和图标，你可以分别设置`text-align`和`vertical-align`：

<el-table-column label="标题" align="center">
  <template slot-scope="scope">
    <!-- 数据 -->
    {{ scope.row.data }}

    <!-- 图标 -->
    <i :class="{ 'icon-right': /* 图标位置条件 */ }"></i>
  </template>
</el-table-column>

然后，在CSS部分，添加如下的样式：

.el-table__cell {
  text-align: center; /* 水平居中文字 */
}

.el-table__cell .icon-right {
  vertical-align: middle; /* 垂直居中图标 */
  display: inline-block;
}

如果图标需要行内块级元素（`display: inline-block`），确保其容器也设置了`vertical-align: middle`。如果你需要针对特定状态或单元格类型的样式，可以在`.el-table__cell`选择器上添加更具体的类名，并在对应的CSS规则下应用样式。