el-table中el-form validate 校验信息显示在输入框右侧并距离50px，且内容不被覆盖

在Element UI的表格组件`el-table`中，结合表单验证功能`el-form`，如果你想将校验错误信息显示在输入框右侧并且保持一定距离，并确保内容不会覆盖输入框本身，你可以这样做：

1. 首先，在`el-form`上设置一些基本配置，如`inline-message`属性开启行内校验消息，`rules`用于定义验证规则。

<template>
  <el-form :inline="true" ref="form" :validate-on-rule-change="true">
    <!-- 表格行元素 -->
    <el-row v-for="(item, index) in tableData" :key="index">
      <el-col :span="8">
        <el-form-item label="字段名">
          <el-input v-model="item.fieldName" :rules="[required规则]"></el-input>
          <el-form-item-error slot="help" class="validate-error">必填</el-form-item-error>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<style scoped>
.validate-error {
  position: relative;
  right: 50px; /* 设置距离 */
  top: calc(50% - 14px); /* 确保错误消息居中，假设error的高度为28px */
  transform: translateZ(0);
}
</style>

2. 在CSS中，我们创建了一个`.validate-error`样式来定位错误消息到输入框右侧，并调整垂直位置使其与输入框对齐。

注意，你需要根据实际的项目需求调整`right`和`top`的值，这里仅作为示例。如果输入框的宽度会改变，可以考虑使用百分比或者其他响应式单位。