编辑layui表格

开发工具与关键技术：SQL Server 2014与jquery

作者：戴怡斌 

撰写时间：2019年7月26日

在学习jquery路上，会有许多的困难和繁杂的代码，相应的，也就会有许多的方法解决这些很繁乱的代码，那就是插件，真的感谢这些人，插件是谁创建的我不知道，但越来越多的人在使用插件，这就够了。

闲话少说，插件也分很多种，会用插件也是一门技术，而今天就要用到layui插件，layui插件里面有数据表格这一项，就是今天用到的类容。

Layui插件有很多的js和css，找到和图中一样的就行了，数据表格这东西，如果自己做，太麻烦了，学会渲染表格只是其中的一步，要学的还很多(不说了，不然会吓到一些小朋友)。

有时候会到表格做功能，比如，更换原始右键菜单，添加一行数据，编辑表格等等，今天要用到的就是数据表格编辑，意思就是可以在单元格里面更改数据，更直接，方便。

这就是数据表格编辑，可以直接在单元格里面删除，修改啥的，这其实并不难，只要你会使用layui插件(坏笑)，引用js和css后，一般渲染表格都是在script里面写的。

而设置数据表格编辑就可以改变一下，直接在css里面写，我们可以完全换一种写法，class="layui-hide"改成class="layui-table"，id和地址也就是url都要写在lay-data里面，原本的渲染都不需要了。

其他的类容就跟渲染表格差不多了，就不多说了，最后就是在jquery的代码了，也很简单，edit：这是固定的，不需要动他，test3：这个就是你设置的id了，然后下图里面有一些有用的信息，那就自己看吧。