本篇文章给大家带来的内容是关于如何实现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);最后即可实现点击按钮新增一条数据的效果。
相关推荐:










