logo资料库

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

第1页 / 共1页
资料共1页,全文预览结束
实现点击按钮给table添加一行 添加一行 layui实现点击按钮给 想实现点击按钮在表格添加一行的功能,但发现layui并未集成该工具栏,因此,需要自己手动添加这个功能; 这篇文章主要介绍了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添加一行,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编 会及时回复大家的。在此也非常感谢大家对我们网站的支持!
分享到:
收藏