Оказание части кода (tablesorter with selectize) каждый раз, когда я загружаю компонент React

Question

Мое приложение выполняет рендеринг части кода каждый раз, когда я загружаю компонент. Это код:

https://jsfiddle.net/rLvfa8rn/

Я пытаюсь реализовать эту http://jsfiddle.net/Unspecified/qrqJv/1/ на моем TableSorter столе.

Проблема с участком линий 71-121, есть выпадающий Selectize.js рендеринга каждый раз я называю страницу:

Selectize.define('clear_selection', function (options) { 
     var self = this; 
     var title = options.title || 'Sin filtro'; 
     //Overriding because, ideally you wouldn't use header & clear_selection simultaneously 
     self.plugins.settings.dropdown_header = { 
      title: title 
     }; 
     this.require('dropdown_header'); 
     self.setup = (function() { 
      var original = self.setup; 
      return function() { 
       original.apply(this, arguments); 
       this.$dropdown.on('mousedown', '.selectize-dropdown-header', function (e) { 
        self.setValue(''); 
        self.close(); 
        self.blur(); 
        return false; 
       }); 
      } 
     })() 
    }); 

Я поставил весь код, потому что, возможно, проблема заключается в другом.

Answer 1

Ну, проблема была в вар selectize ({

var selectize({ 
    hideSelected: false, 
    dropdownParent: 'body' 

Опция: dropdownParent:. «Тело» была проблема, это ноу ошибка из selectize Я думаю, что удаление вариант отлично работает.