vue el-table 设置边框

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

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

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

相关问题

vue el-table el-row 设置边框

`el-row` 是 `element-ui` 中的一个布局组件，不是 `el-table` 的子组件，因此不能直接使用 `border` 属性来设置边框。但是，你可以通过设置 `el-row` 的 `border-bottom` 样式来实现类似边框的效果。示例代码如下：

<template>
  <div class="table-container">
    <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>
  </div>
</template>

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

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

vue el-table 里面el-input去除边框

在Vue的Element UI组件中，如果你想在`<el-table>`里嵌套的`<el-input>`去除边框，你可以通过CSS样式来实现。你需要找到这个输入框元素并设置其`border`属性为`none`。例如：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄">
      <template slot-scope="scope">
        <el-input v-model="scope.row.age" class="no-border-input" @input="handleInput(scope.$index, scope.row)"></el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<style scoped>
.no-border-input {
  border: none; /* 这里设置了无边框 */
  box-sizing: border-box;
}
</style>

在这个例子中，`.no-border-input`类用于选择`el-input`并移除边框。你还可以添加其他自定义样式，比如背景颜色、内边距等。