微客导航 » 文章资讯 » layui实现点击按钮给table添加一行

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

2023-09-09 05:05:05 369

•问题描述：想实现点击按钮在表格添加一行的功能，但发现layuii并未集成该工具栏，因此，需要自己手动添加这个功能；

•原先我写的table是这样实现的：

$("#addTable").click(function(){
vartr=""+
"11"+
"22"+
"33"+
"44"+
"55"+
"";
$(".layui-table").append(tr);
});

并不能实现添加的效果；后查询后发现，这样做是基于table是用静态的方式编写的，即：




ID
用户名
性别
城市
签名
积分
评分
职业
财富

而我用的是这样的方式：

关于列名的定义是写在table.render({}）方法中的

•解决方案：将table改写成静态的方式即可，即第二部分代码
•此时出现新问题：每点击一次会出现两条数据，应做如下修改：$(".layui-table-body.layui-table").append(tr);

最后即可实现点击按钮新增一条数据的效果。

总结

以上所述是小编给大家介绍的layui点击按钮给table添加一行，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！