Jquery tagsinput不使用数据表

Question

我创建了一个页面，其中有一个包含少量列的表格。我使用过datatables并且最初显示了10条记录。在第二列，我有一个带有＆＃34; .inittags＆＃34;类的输入框。我已经在第二列的所有输入框中添加了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条记录。因此，标签输入不会在最初隐藏的元素上初始化。

我该如何解决？