成都网站建设设计

将想法与焦点和您一起共享

layui实现点击按钮给table添加一行

•问题描述:想实现点击按钮在表格添加一行的功能,但发现layuii并未集成该工具栏,因此,需要自己手动添加这个功能;

创新互联主营丹阳网站建设的网络公司,主营网站建设方案,成都app开发,丹阳h5微信小程序开发搭建,丹阳网站营销推广欢迎丹阳等地区企业咨询

•原先我写的table是这样实现的:

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

并不能实现添加的效果;后查询后发现,这样做是基于table是用静态的方式编写的,即:

ID 用户名 性别 城市 签名 积分 评分 职业 财富

而我用的是这样的方式:

关于列名的定义是写在table.render({})方法中的

•解决方案:将table改写成静态的方式即可,即第二部分代码
•此时出现新问题:每点击一次会出现两条数据,应做如下修改:$(".layui-table-body .layui-table").append(tr);

最后即可实现点击按钮新增一条数据的效果。

总结

以上所述是小编给大家介绍的layui点击按钮给table添加一行,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


文章标题:layui实现点击按钮给table添加一行
网址分享:http://chengdu.cdxwcx.cn/article/posiig.html