el-table 设置边框

你可以通过在 `el-table` 上设置 `border` 属性来给表格添加边框。示例代码如下：

<el-table :data="tableData" border>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

在上面的代码中，我们通过设置 `border` 属性来给表格添加边框。当 `border` 属性的值为 `true` 时，表格会显示默认的边框样式。你也可以设置 `border` 属性的值为 `"none"` 来取消表格的边框。

如果你想修改表格边框的样式，可以使用 CSS 来修改 `el-table__body-wrapper` 元素的样式。例如，你可以使用下面的 CSS 代码来设置表格边框为实线：

.el-table__body-wrapper {
  border: 1px solid #ebeef5;
}

这样，表格的边框就会变成实线。你可以根据需要修改样式来实现不同的效果。

相关问题

vue el-table 设置边框

你可以使用 `border` 属性来设置 `el-table` 的边框，示例代码如下：

<el-table :data="tableData" border>
  <!-- 表格列 -->
</el-table>

当你设置 `border` 为 `true` 时，`el-table` 将会显示边框。你也可以使用 `border="none"` 来取消边框。如果你需要自定义边框的样式，可以使用 CSS 来修改 `el-table__body-wrapper` 元素的样式。

el-table el-row设置边框

`el-row` 并不是 `el-table` 的子组件，因此不能直接在 `el-row` 上设置边框。如果你想给 `el-table` 中的每一行添加边框，可以通过设置 `el-table__row` 类的样式来实现。示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

<style>
.el-table__row {
  border-bottom: 1px solid #ebeef5;
}
</style>

在上面的代码中，我们通过设置 `.el-table__row` 类的样式来给每一行添加边框。具体来说，我们设置了 `border-bottom` 样式，使每行之间有一条细线作为分割线。你可以根据需要修改样式来实现不同的效果。

如果你只想给表格的第一行或最后一行添加边框，可以使用 `:first-child` 或 `:last-child` 选择器来选择相应的行，例如：

.el-table__row:first-child {
  border-top: 1px solid #ebeef5;
}

.el-table__row:last-child {
  border-bottom: 1px solid #ebeef5;
}

这样，表格的第一行会有一条细线作为上边框，最后一行会有一条细线作为下边框。