Tablesorter (mottie fork) / Thema Bootstrap / Header Sorter false => ich Klasse existiert noch - jquery, tablesorter

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

Ich benutze das Bootstrap-Thema (theme.bootstrap.css) und in der tablesorter init füge ich hinzu

theme: "bootstrap"

und deaktivieren Sie Spalte 0 mit

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

Es sieht gut aus:

Ansicht des Kontrollkästchens in der Kopfzeile

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

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

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>

Wo ist das? <i class ...> komme aus? Was mache ich falsch?

Grüße Jochen

Tablesorter v2.26.5 jQuery v2.2.3

Antworten:

0 für die Antwort № 1

Das sieht so aus, als wäre es ein Fehler in der CSS. Ich habe dem Bootstrap-Thema (und ein paar anderen) einfach die folgenden CSS-Definitionen hinzugefügt.

.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 freigegeben) aus dem Master-Zweig.

---