iview组件使用Table表格，开启单元格编辑功能

iview组件使用Table表格，开启单元格编辑功能

---

前言

提示：iview官方文档Table介绍有限，鄙人在这加以说明，有不足的地方望大家指出

---

提示：以下是项目中实践的经验，下面案例可供参考

一、开启单元格编辑功能

1.最终示例：

2.实现：

首先，你得先定义一个Table（示例）：

<Table :columns="columns1" :data="data1" border></Table>

在data里面定义columns（示例）：

export default {
   
        name: 'branch-kpi-apply-detail',
        data () {
   
          return {
   
            pageCode: 'kpiApplyDetail',
            columns1: [
              {
   
                title: ' ',
                width: 200,
                align: 'center',
                key: 'subject',
                style: {
   
                  'white-space': 'pre-line'
                },
              },
              {
   
                title: '项目数据',
                width: 190,
                align: 'center',
                key