创建空表并插入数据

Question

我想创建一个表来进行enter code here插入，update并且delete.

这个想法是用表格替换表格，例如创建一个表格，只有标题和准备插入数据的空行，填充第一行或动态创建第二行或放置按钮添加行并返回写入内容和插入等等。我正在尝试这种方式，但因此我无法在列中写入然后进行插入：

<table id="products-table"> 

    <tbody>  

        <tr>       

            <th>Produto</th>       

            <th>Código</th>    

            <th>Quantidade</th>    

            <th>Preço</th>     

            <th>Ações</th>   

        </tr>   

        <tr>       

            <td>&nbsp;</td>    

            <td>&nbsp;</td>    

            <td>&nbsp;</td>    

            <td>&nbsp;</td>    

            <td>         

            <button onclick="RemoveTableRow(this)" type="button">Remover</button>      

            </td>    

        </tr>   

    </tbody>    

    <tfoot>  

        <tr>      

            <td colspan="5" style="text-align: left;">

                <button onclick="AddTableRow()" type="button">Adicionar Produto</button>      

            </td>   

        </tr>   

    </tfoot>    

</table>    

<script>

(function($) {

    AddTableRow = function() {  

    var newRow = $("<tr>");     var cols = "";  

    cols += '<td>&nbsp;</td>';  

    cols += '<td>&nbsp;</td>';  

    cols += '<td>&nbsp;</td>';  

    cols += '<td>&nbsp;</td>';  

    cols += '<td>';  

    cols += '<button onclick="RemoveTableRow(this)" type="button">Remover</button>';

    cols += '</td>';    

    newRow.append(cols);    

    $("#products-table").append(newRow);    

    return false;   

    };

})(jQuery); 

</script> 

但我质疑，创建一个表格来替换 html 中的表单是否有意义？

Answer 1

它确实有道理，我建议您查看DataTable，它使您能够使用适当的回调和所有方法处理此类用例。唯一的限制是您需要 jQuery。