el-table表头加必填符号星号

要在 el-table 的表头中添加必填符号星号，你可以使用 el-table-column 的 label 属性来自定义表头内容。在 label 中，你可以使用 HTML 标签来添加星号。

例如，你可以这样定义 el-table-column：

<el-table-column prop="name" label="姓名<span style='color: red;'>*</span>"></el-table-column>

在上面的代码中，我们在 label 中使用了 span 标签，并设置了红色的颜色样式。你可以根据需要自定义星号的样式。

这样，el-table 的表头中就会显示一个带有必填符号的星号。

相关问题

el-table表头加必填字符

要在el-table表头中加上必填字符，可以使用el-table-column组件的label属性和header-align属性来实现。

首先，在el-table-column组件中，可以设置label属性来显示表头的文字，可以在label属性中添加必填字符，例如“姓名*”，表示姓名为必填项。

同时，为了使必填字符对齐在表头的中间位置，可以使用header-align属性设置表头文字的对齐方式为center，这样就可以让必填字符在表头中央位置显示。

示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名*" header-align="center">
  </el-table-column>
  <el-table-column prop="age" label="年龄" header-align="center">
  </el-table-column>
  <el-table-column prop="address" label="地址" header-align="center">
  </el-table-column>
</el-table>

通过以上方法，就可以在el-table表头中加上必填字符，并且让必填字符显示在表头的中心位置。这样可以提醒用户在填写表格时注意必填项，提高表格的可用性和用户体验。

el-table-column 必填校验

对于 el-table-column 必填校验，可以通过设置 prop 属性为必填项，然后在 el-table 的 validate 方法中进行校验。具体实现可以参考以下代码：

<el-table :data="tableData" ref="table">
  <el-table-column prop="name" label="姓名" :rules="[{ required: true, message: '请输入姓名', trigger: 'blur' }]"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

methods: {
  validate() {
    this.$refs.table.validate(valid => {
      if (valid) {
        // 校验通过
      } else {
        // 校验不通过
      }
    })
  }
}