数据引导程序不适用于动态表

Question

我在设置数据引导程序时遇到问题。这是问题所在：

如果表是静态的，一切正常，但如果根据数据库信息动态创建表体，则分页和搜索功能不起作用。我该怎么办？

$('#tabela').dataTable({
      "paging": true,
      "lengthChange": false,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": false
});

表：

<table id='tabela' class="table table-bordered table-striped">
  <thead>
    <tr>
      <th>Produto</th>
      <th style="width:20%">Quantidade</th>
    </tr>
  </thead>

  <tbody id="tabelaProduto">

  </tbody>

</table>

动态表格创建

function mostraTabela(produtos) {
    $('#tabelaProduto tr:first').remove();
    var prods = Object.keys(produtos);

    for (var i = 0; i < prods.length; i++) {
        var produto = prods[i];
        var quantidade = produtos[produto];

        var $tr = $('<tr/>',{
        })
        var $prd = $('<td/>',{
            'text' : produto
        });
        var $qnt = $('<td/>',{
            'text' : quantidade
        });         
        $tr.append($prd).append($qnt).appendTo('#tabelaProduto').hide().fadeIn("slow");         
    }       
}