Tablesorter (mottie fork)/Thema Bootstrap/Header Sorter false => i Klasse existiert noch

Question

Meine App verwenden jQuery + Tablesorter (mottie Gabel), um eine Server-Übersichtstabelle zu erstellen.

Ich benutze das Thema Bootstrap (theme.bootstrap.css) und in der tablesorter init ich hinzufügen

theme: "bootstrap" 

und deaktivieren Spalte 0 mit

headers: { 0: { 
          sorter: false, 
          filter: false 
         } 
        }, 

Es sieht gut aus:

view of checkbox in header

aber ich habe ein Problem mit der ch zu arbeiten eckbox. Ich kann es nur in einem Pixel ganz unten im Header aktivieren.

Ich kann sehen, dass das Symbol zum Sortieren nicht angezeigt wird, aber die <i class ..> ist immer noch da.

Und diese Einstellungen überschreiben meine kleine Header Checkbox:

<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%"> 
    <div class="tablesorter-header-inner"><input name="Marked" value="0" onclick="CheckTable(this,'chkbox_')" type="checkbox"> 
     <i class="tablesorter-icon"></i> 
    </div> 
</div> 

Woher kommt diese <i class ...> kommt aus? Was mache ich falsch?

Grüße Jochen

Tablesorter v2.26.5 jQuery v2.2.3

Answer 1

Das sieht aus wie es ein Fehler in der CSS ist. Habe ich nur noch die folgenden CSS-Definitionen in der Bootstrap-Thema (und einige andere)

.tablesorter-bootstrap .tablesorter-header.sorter-false i.tablesorter-icon { 
    display: none; 
} 
.tablesorter-bootstrap .sorter-false .tablesorter-header-inner { 
    padding: 4px; 
} 

Wenn Sie sie hinzufügen, oder aktualisieren Sie das Thema (noch nicht erschienen) aus dem Master-Zweig.