Javascript Jquery标记输入不使用数据表

我已经创建了一个页面，在这里我有一个只有很少列的表。我使用了datatables，最初显示了10条记录。在第二列中，我有一个类为“.inittags”的输入框，我在第二列的所有输入框中添加了jquery tagsinput

我已经像这样初始化了数据表

var oDataTable = $('#recordstable').dataTable();

我以这种方式初始化了jquery标记输入

$('.inittags').tagsInput({
    width              : 'auto',
    'placeholder'      : 'Type Client Name',
    'placeholderColor' : '#e2e2e2',
    onAddTag           : function(){
        // 
    },
    onRemoveTag        : function(){
        //
    },
    maxTags            : 1,
    autocomplete_url   : function(request, response) {
        if(request.term.length > 1){
            $.ajax({
                url      : 'fetchDetails.php',
                data     : {'term' : request.term, 'fetchfor' : 'clients'},
                type     : 'POST',
                dataType : 'json',
                success  : function(data){
                    response(data);
                }
            });
        }
    }
});

问题是，在第一页上，它工作正常，因为所有10条记录都可见，然后当我单击“下一步”按钮时，它会显示最初隐藏的下一条10条记录。因此，标记输入没有在最初隐藏的元素上初始化

---

我该如何解决它呢？

你能提供一个简单的演示吗？你可能需要初始化datatable回调函数中的标记，看看我会尝试一下，然后很快将你发回@markpsmith。有没有可用的示例代码？