el-table加上border属性后，el-table-column出现省略号

`el-table` 组件的 `border` 属性会在表格的边框上添加边框线，但是这个属性可能会与 `el-table-column` 组件的 `width` 属性产生冲突，导致列的宽度被压缩，从而出现文字省略号的问题。

为了解决这个问题，你可以通过以下两种方式之一：

1. 如果你确实需要 `border` 属性，可以尝试将 `el-table-column` 的 `width` 属性设置为一个比较小的值，并且设置 `min-width` 属性，以确保列的宽度不会被压缩。例如：

<el-table :data="tableData" border>
  <el-table-column prop="name" label="姓名" width="120" :min-width="100"></el-table-column>
  <el-table-column prop="age" label="年龄" width="80" :min-width="60"></el-table-column>
  <el-table-column prop="address" label="地址" width="180" :min-width="120"></el-table-column>
</el-table>

2. 如果你不需要 `border` 属性，你可以尝试使用 `el-table` 组件的 `stripe` 属性或者 `el-table-column` 组件的 `show-overflow-tooltip` 属性来代替。例如：

<el-table :data="tableData" stripe>
  <el-table-column prop="name" label="姓名" width="120" show-overflow-tooltip></el-table-column>
  <el-table-column prop="age" label="年龄" width="80" show-overflow-tooltip></el-table-column>
  <el-table-column prop="address" label="地址" width="180" show-overflow-tooltip></el-table-column>
</el-table>

这样可以确保列的宽度不会被压缩，并且显示省略号时会自动显示提示信息。