【前端】让列表像Excel单元格一样编辑

前言

领导说了一堆的话，最后总结一句就是客户很懒，客户的员工更加懒。

本着让别人节省时间的原则，提倡出了让列表和Excal的单元格一样，不仅看数据还可以随时更改数据。

查资料

根据 Jeecg-Vue3 源码介绍，从而知道是基于 Vben Admin 开源项目进行改造的。

因此在 Vben Admin 这个文档里面可以找到关于 BasicTable 表格的详细参数和事件的说明。

BasicColumn 配置

根据查看文档定位到 【BasicColumn】 里面有一个专门的参数 edit 来控制是否开启单元格编辑，如下图。

那么如何修改这个参数以及这个参数在代码的那个文件里面呢？

每次生成的代码里面都有一个以 .data.ts 结尾的前端文件，在代码中定义了一个 columns 常量，仔细观察就会发现这个常量的类型正好是 BasicColumn[]，因此可以在字段里面开启单元格编辑，如下图。

如此一来，就可以在列表里面查看到该字段列头多了一个编辑的小图标，且其列表只要鼠标放到该字段数据上面就会自动有