前言

这是继我另一个帖子就是单元格点击变成输入框后添加的功能 因为考虑到有些时候修改单元格的信息可能点击后要修改很多，那一个输入框不好用 所以这时候就需要一个弹框可以把所有表单都显示出来修改 所以这里就专门又写了一个demo，用于处理这种情况 如果需要看表格单元格点击后变成输入框，然后焦点消失后直接更改的模板，可以点击这个帖子 链接在这：点击单元格变输入框

效果图

列表展示，点击单元格可以弹出弹框，内部是当前单元格的行和列的数据

代码

功能实现的几个点解释一下。 1，获取到行和列的数据主要是cellClick和tableCellClassName方法 这里我是用的人名和日期来返回给后端修改数据的。 如果你们需要拿到当前行的id之类的。 就自行更改一下就可以了。行的数据和列的数据都有的

2，注意一下，这里表格上面是需要放prop的。 我这里:prop="arrd.key"就是把每个列的字段名存起来。 如果不写这个，那么你就拿不到当前列的字段名了。当然如果你不需要返回这个字段名那就无所谓

表格单元格弹框修改

value-format="yyyy-MM" clearable id="month1" class="ywidth">

查询

:cell-class-name="tableCellClassName" @cell-click="cellClick">

:label="arrd.name" align="center" show-overflow-tooltip :prop="arrd.key"

:width="arrd.key=='ks'||arrd.key=='doctor'?'100px':''">

:current-page="currentPage" :page-sizes="[10, 30, 50, 100]" :page-size="pagesize"

layout="total, sizes, prev, pager, next, jumper" :total="count">

{{nickName}}

{{tableTimer}}

保存

推荐链接

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。