el-table设置表头没有边框

要在el-table中设置表头没有边框，你可以使用以下方法之一：

方法一：使用CSS样式
你可以通过修改CSS样式来隐藏表头的边框。根据你提供的代码，你可以在CSS中添加以下样式来隐藏第一列的右边框：

.popup-table >>> .el-table__row .el-table_5_column_22 {
  border-right: none;
}

这样就可以隐藏第一列的右边框了。请确保你已经正确引入了CSS文件。

方法二：使用JS代码修改样式
你可以在el-table中设置属性`:header-cell-style`来通过JS代码修改样式。根据你提供的代码，你可以在el-table中添加以下属性：

<el-table :data="tableData" :v-loading="tableLoading" row-key="id" height="100%" highlight-current-row show-summary border fit style="width: 100%; border:1px solid #EBEEF5; border-color: #868686" :cell-style="tableCellStyle" :header-cell-style="tableHeaderCellStyle">
  <el-table-column fixed type="index" width="50"></el-table-column>
</el-table>

然后在你的JS代码中添加以下方法：

data() {
  return {
    tableHeaderCellStyle: {
      border: 'none'
    }
  }
}

这样就可以设置表头没有边框了。

希望这些方法能够帮助到你。如果你有任何其他问题，请随时提问。
#### 引用[.reference_title]
- *1* *2* [el-table实现合并表头以及表格实现单选框，el-table去掉个别边框](https://blog.csdn.net/qq_44741441/article/details/128230999)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [elementui 更改 el-table 表头样式及修改el-table表格边框的注意事项](https://blog.csdn.net/weixin_64630810/article/details/126933343)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]