el-table-column超出部分先出省略号

el-table-column是Element UI中的一个表格列组件，用于定义表格的列属性。要实现超出部分先出现省略号的效果，可以使用CSS的文本溢出属性来实现。

首先，需要给el-table-column设置一个固定的宽度，以便控制列的宽度。然后，通过设置列的样式来实现文本溢出省略号的效果。

具体步骤如下：
1. 在el-table-column中设置一个固定的宽度，例如：

<el-table-column prop="name" label="姓名" width="100"></el-table-column>

2. 在el-table-column中使用scoped-slot来自定义列的内容，并在内容中添加样式，例如：

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

3. 在样式中定义.ellipsis类，并设置文本溢出省略号的样式，例如：

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

这样，当表格列中的内容超出列宽时，就会显示省略号。