Tengo un div html simple <div id="data_table"></div> e intento cargar su contenido desde un csv. Construyo la tabla con éxito y la veo renderizada. Sin embargo, quiero agregar un TableFilter, pero parece que el elemento no existe en DOM.

Yo obtengo:

Error no detectado: no se pudo crear una instancia de TableFilter: no se encontró el elemento DOM de la tabla HTML.

 <script> $(document).ready(function () { $.ajax({ url: "static/data.csv", dataType: "text", success: function (data) { var employee_data = data.split(/\r?\n|\r/); var table_data = '<table class="table table-bordered table-striped">'; for (var count = 0; count < employee_data.length; count++) { var cell_data = employee_data[count].split(","); table_data += "<tr>"; for (var cell_count = 0;cell_count < cell_data.length;cell_count++){ if (count === 0) { table_data += "<th>" + cell_data[cell_count] + "</th>"; }else { table_data += "<td>" + cell_data[cell_count] + "</td>"; } } table_data += "</tr>"; } table_data += "</table>"; $("#data_table").html(table_data); }, }); var tf = new TableFilter("data_table", { base_path: "static/tablefilter/", alternate_rows: true, }); tf.init(); }); </script>