.editable-cell {
    position: relative;
}
.editable-cell-text-wrapper {
    padding: 4px 5px 5px 5px;
    cursor: pointer;
}

注意点：合计行是直接由下面几行汇总求和的，不需要设置为可编辑的，如果设置为可编辑，可编辑单元格无法动态获取数据变化，所以无法实时更新到页面上

antd vue 表格可编辑问题

template:

                      
                  {{text}}
          

在tableColumns中：

const tableColumns = [
    { title: "编号", dataIndex:"stdId",
      scopedSlots: { customRender: "stdId" }}
];

还有一个问题就是点击单元格会出现一个border，取消掉的css样式：

[contenteditable]:focus{outline: none;}