Angular Datatable not filtering with column reorder

Question

In JavaScript, I have

$scope.dtOptionsCandidate = DTOptionsBuilder.newOptions()
    .withColReorder()
    .withLightColumnFilter({
        1: {"type": "text"},
        2: {"type": "text"},
        3: {"type": "text"}
    });

with other options. And in HTML, I have a table with four columns. It works well when I don't move the columns. However, when the columns are moved, the search boxes do not work well. Any solution?

Here is the Plunkr: http://plnkr.co/edit/uPv8FoUrJkQWnEaE2AQY?p=preview

script.js has the column move logic.

After adding .withLightColumnFilter function, here is my Plunkr: http://plnkr.co/edit/Y6qTGzNWOnGGCYS3f3yi?p=preview

script.js has the .withLightColumnFilter implementation

As you can see in web console, I have error and could not proceed forward.

Answer 1

您需要以正确的顺序调用用户<script> 。