vue el-table表格行内容增加删除线

效果图：

 利用element提供的:cell-class-name方法

 

methods:{
    delLine({ row, column, rowIndex, columnIndex }) {
      if (!row.status) return "del_line";
    },
}

增加样式

<style>
.del_line::after {
  content: no-open-quote;
  position: absolute;
  top: 51%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}
</style>