1、在页面div中事先创建一个空白表格，可以根据需求而定。
2、表格创建好后，我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用。
3、在<tb>标签中我们添加了<input>标签，主要是用来提供用户输入参数， 而全局变量num，主要是用来区分每一个添加的参数的id的唯一性而存在的。
4、获得表格中的数据。
5、拿到表格中的数据后，我们根据它值的形式把它转换成json格式的数据。
insertRow（）函数可以带参数，形式如下： 这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。
<scriptlanguage="JavaScript">
vart＝document．getElementById（＂test＂）；
t.innerHTML="<tr><td>数据</td></tr>"
／／或者
vart＝document．getElementById（＂test＂）；
vartr＝document．createElement（＂tr＂）；
vartd＝doucment．createElement（＂td＂）；
td．innerHTML＝＂数据＂；
tr．appendChild（td）；
t．appendChild（tr）；
｝
</script>
扩展资料：
给table添加一行
1、＄（＂＃addTable＂）．click（function（）｛；
2、vartr="<tr>"+；
3、"<td>11</td>"+；
4、"<td>22</td>"+；
5、"<td>33</td>"+；
6、"<td>44</td>"+；
7、"<td>55</td>"+；
8、"</tr>"
9、＄（＂．layui－table＂）．append（tr）；
append() 方法在被选元素的结尾（在内部）插入指定内容。如$("p").append(" <b>Hello world!</b>")
appendTo() 方法在被选元素的结尾（在内部）插入指定内容。
如：$("<b>Hello World!</b>").appendTo("p")
prepend() 方法在被选元素的开头插入内容。
如：$("p").prepend("Some prepended text.")
after() 方法在被选元素之后插入内容。
before() 方法在被选元素之前插入内容。
如$("img").after("Some text after")$("img").before("Some text before")
