el-table 只加外边框

`el-table` 是 Element UI 中的一个表格组件，如果你想只显示表格的外边框而不包括内部的分割线和内容边框，可以通过调整CSS样式来实现。在 Vue 项目中，你可以在你的 CSS 文件或组件的 scoped CSS 中添加以下样式：

.el-table {
  border-collapse: collapse; /* 合并边框 */
  border: 1px solid your-border-color; /* 设置外部边框 */
  /* 如果不需要内边框和行分割线 */
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  tr > td, tr > th {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}

这里的 `your-border-color` 需要替换为实际的边框颜色。这样，`el-table` 就只会显示外边框了。

相关问题

el-table加边框

el-table加边框需要设置border属性，但是默认情况下只有表头和外边框添加了边框属性，单元格没有纵向边框的显示。如果想要单元格也显示边框，可以通过以下两种方法实现：

方法一：使用CSS样式设置单元格边框

.el-table td, .el-table th {
  border: 1px solid #dcdfe6;
}

方法二：使用element-ui提供的border属性

<el-table :data="tableData" border>
  <el-table-column prop="date" label="日期"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

以上两种方法都可以实现el-table单元格的边框显示，具体选择哪种方法可以根据实际情况进行选择。

怎么给el-table外层添加边框

你好！很高兴为你解答问题。

要给el-table外层添加边框，可以在el-table的父元素上添加样式：

<style>
    .el-table-wrapper {
        border: 1px solid #ccc;
    }
</style>

这样就可以添加外边框了。希望这个回答能够帮到你！