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