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