Rendern eines Teils des Codes (tablesorter mit selectize) jedes Mal, wenn ich eine React-Komponente lade

Question

Meine App rendert immer dann einen Teil des Codes, wenn ich eine Komponente lade. Dies ist der Code:

https://jsfiddle.net/rLvfa8rn/

Ich versuche, diese http://jsfiddle.net/Unspecified/qrqJv/1/ auf meine tablesorter Tabelle zu implementieren.

Das Problem mit dem Abschnitt der Linien ist 71-121, gibt es ein Drop-Down von Selectize.js Rendering jedes Mal wenn ich die Seite aufrufen:

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; 
       }); 
      } 
     })() 
    }); 

ich den gesamten Code setzen, weil vielleicht das Problem ein anderes.

Answer 1

Nun, all das Problem war in der var selectize ({

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

die Option: dropdownParent:. 'Körper' war das Problem, es ist ein Know Fehler von selectize Ich denke, dass die Option Entfernen funktioniert gut.