使用layui对单元格进行编辑并保存
先是要引入layui的JS和CSS
然后创建一个表格
而重要的是edit这个属性，只有使用了这个属性的一列数据表格才可以编辑，其余的都不可以进行编辑
然后使用layui的监听事件获取到数据
再声明1个全局变量用于装所在行的相关数据，当然我们需要的并不是所有的数据，而是加了edit这个属性的那一条数据，
var data =obj.data
var commodityName=data.CommodityName
1
2
3
obj是控制器返回给页面的值
commodityName是便于数据的使用
这样我们就能获取到修改后的数据了
我们只要CommodityName这个数据
再使用Post或者ajaxSubmit请求，传递将修改后数据给控制器，并保存
而保存的大概思路和一般的模态框保存基本相同
第一步先判断数据库是否有了相同的数据，如果有则返回false不进行保存
如果第一步判断成功后，就将查询要修改的数据，并将其状态改为修改
dbUser是查询出来的数据的一个集合名称
并将修改后的数据赋值给查询的这张表
然后返回数据给页面
这样一次只能保存一行数据
如果需要保存多行数据，就得每修改一次单元格就保存一次
而没有加上edit这个属性的列，是无法点击编辑
如果需要修改的数据较少，那么layui的数据表格编辑是一个很不错的方法
注意：
如果只是给表头加上edit属性，不写监听事件的话，一样是无法点击表格进行编辑，所以使用时一定要注意。
在查询数据是一定要记得去掉数据中的空格，防止保存数据时出错
那么一个简单的数据单元格的编辑就完成了
---------------------
原文：https://www.cnblogs.com/hyhy904/p/10989701.html