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。

创建空表并插入数据

1 个答案: