elementui表格行内居中

要在 Element UI 表格中实现行内居中，可以使用自定义列模板和 CSS 样式来实现。

首先，在表格的列定义中，为需要居中的列添加一个自定义模板，使用`<template>`标签来定义列的内容，然后在模板中使用 CSS 来实现居中对齐。例如，假设我们要居中显示 "姓名" 这一列的内容，可以这样定义列模板：

<el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
        <div class="centered-cell">{{ scope.row.name }}</div>
    </template>
</el-table-column>

在上述代码中，我们使用了`slot-scope`属性来访问当前行的数据对象，并将该对象传递给模板。然后，我们在模板中使用了一个包装 `<div>` 元素，并为该元素添加了一个 CSS 类名 `.centered-cell`。

接下来，在样式文件中，添加一个名为 `.centered-cell` 的 CSS 类，并使用 CSS 属性来实现居中对齐。例如：

.centered-cell {
    display: flex;
    justify-content: center;
    align-items: center;
}

上述 CSS 类使用了 Flexbox 布局，将内容水平和垂直居中显示。你可以根据需要进行调整和修改。

通过以上步骤，你可以将 Element UI 表格中的行内容进行行内居中显示。记得将模板和样式应用到你的具体项目中。