找不到HTML元素- TableFilter

Question

我有一个简单的html div <div id="data_table"></div>，我尝试从csv加载它的内容。我成功地构建了该表，并将其呈现出来。Hovewer，我想添加一个TableFilter，但是这个元素似乎不存在于DOM中。

我得到：

未发现错误:无法实例化TableFilter: 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>

Answer 1

解决:必须在<div id="data_table"></div>中将<table id="data_table"></table>更改为<table id="data_table"></table>。