Heim > Artikel > Web-Frontend > Was soll ich tun, wenn thehead und td nicht ausgerichtet werden können?
Bei der Verwendung der Spalte ein-/ausblenden in der Symbolleiste besteht häufig das Problem, dass die Spaltenüberschriften der Tabelle nicht am Inhalt ausgerichtet werden können.
Ich habe im Internet zwei Verarbeitungsmethoden gefunden, wie folgt:
1. Entfernen Sie die Höhenoption und erreichen Sie eine perfekte Ausrichtung, aber wann Wenn viele Daten vorhanden sind, erhöht sich die Tabelle automatisch und zeigt alle Daten ohne Bildlaufleisten an.
2. Kommentieren Sie die folgenden zwei Zeilen aus
//this.resetHeader(); //padding += this.$header.outerHeight();
Sie werden perfekt ausgerichtet, aber es wird unmöglich sein, den Tabellenkopf einzufrieren.
Beide Ergebnisse können Ihren Kuchen nicht haben und ihn auch nicht essen, und die betroffenen Funktionen sind auch sehr wünschenswert.
Die vermutete Ursache des Problems dürfte sein, dass während des Spaltenreduzierungsprozesses die Breite der verbleibenden Spalten festgelegt wird, es jedoch ein Berechnungsproblem gibt, wenn die verbleibende Breite nach der Reduzierung der Spalten gefüllt wird.
Abschließend habe ich die folgende Methode als Referenz übernommen:
Stellen Sie nicht die Breite einer der Spalten ein Um es zu machen Automatisches Ausfüllen, der folgende Code
<thead><tr><th data-field="Code" data-width="105px">编号</th><th data-field="Name" data-switchable="false">姓名</th><th data-field="Sex" data-width="120px">性别</th><th data-field="Age" data-width="120px">年龄</th><th data-field="School" data-width="30px">学校</th></tr></thead>
Solange der Name nicht entfernt wird, treten beim Entfernen anderer Spalten keine Ausrichtungsprobleme auf Um zu verhindern, dass diese Spalte entfernt wird, fügen Sie data-switchable="false"
hinzu. Im normalen Geschäftsleben gibt es oft Spalten, die eine automatische Auffüllung der Breite erfordern, was eine bessere Lösung ist.
Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn thehead und td nicht ausgerichtet werden können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!