我正在使用 jquery 向表中动态添加列和行。
我遇到的问题是我正在使用以下代码添加行:
$('#colorgrid').append("<tr id='Row2' class='input-row'><td><input type='text' name='shade' placeholder='shade'/></td><td ><input type='checkbox' name='asdf'/></td><td ><input type='checkbox' name='shade'/></td><td ><input type='checkbox' name='color'/></td></tr>")
所以在我添加一列然后添加一行之后,它缺少一个复选框。请看下面的屏幕截图:
理想情况下,每当添加新行时,我希望它用复选框填充许多列,并name
用列名填充复选框的属性。
问题
如何以这种方式添加新行,使其真正动态并且我不会对行的内容进行硬编码。它应该用复选框填充所有列,并将它们命名为与列标题相对应。