layui如何实现点击按钮添加可编辑的一行

小编给大家分享一下layui如何实现点击按钮添加可编辑的一行,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队,其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接:成都做网站、成都网站设计、成都外贸网站建设、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

发现添加了edit:'text'以后也不可以进行单元格编辑,而原本已有的数据可以,因此通过浏览器调试看了原有数据的样式,如图所示:

layui如何实现点击按钮添加可编辑的一行

因此,将点击按钮添加一行标签的方法,修改为如下:

$("#addTable").click(function(){
var tr=" "+
   "  11 
"+    "  22 
"+    "  33 
"+    "  44 
"+    "  55 "+          " ";                                                                   $(".layui-table-body .layui-table tbody").append(tr); });

效果如下:

layui如何实现点击按钮添加可编辑的一行

以上是“layui如何实现点击按钮添加可编辑的一行”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享题目:layui如何实现点击按钮添加可编辑的一行
文章出自:http://pwwzsj.com/article/ipiojs.html