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

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

•原先我写的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添加一行，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！