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)