Heim  >  Artikel  >  Web-Frontend  >  Was soll ich tun, wenn thehead und td nicht ausgerichtet werden können?

Was soll ich tun, wenn thehead und td nicht ausgerichtet werden können?

零下一度
零下一度Original
2017-07-17 16:38:272381Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn