In der Welt der elektronischen Dokumente ist das Erstellen und Formatieren von Tabellen ein wesentlicher Bestandteil der Arbeit. Es gibt jedoch oft ein Problem, wenn der Tabellenkopf auf eine andere Seite übertragen wird, was ihn ausdruckslos macht und das Lesen schwierig macht. Dieser Artikel enthält einige Tipps, wie Sie vermeiden können, den Tabellendeckel auf eine andere Seite zu übertragen und Ihr Dokument professioneller zu machen.
Der erste und vielleicht wichtigste Ratschlag besteht darin, eine feste Höhe für die Zeilen in der Tabellenkappe festzulegen. Wenn jede Zeile eine feste Höhe hat, werden sie automatisch an den Inhalt angepasst und nicht auf die nächste Seite übertragen. Sie müssen das Attribut verwenden, um eine feste Höhe festzulegen height, zum Beispiel: . Beachten Sie jedoch, dass eine zu große Höhe zu einer unerwünschten Änderung der Tabellenstruktur führen kann und eine zu kleine Höhe dazu führen kann, dass ein Teil des Textes in der Zelle fehlt.
Der zweite Ratschlag ist die Verwendung des Attributs page-break-inside: avoid für ein Element . Dieses Attribut weist den Browser an, dass die Tabelle auf einer Seite angezeigt werden soll, ohne dass die Tabellenoberflächenüberlagerung auf eine andere Seite übertragen wird. Zum Beispiel:
Der dritte Ratschlag ist die Verwendung der CSS-Eigenschaft table-header-group um die Tabellenkappen zu stylen. Wenn dieser Eigenschaft ein Wert zugewiesen wird fixed. Der Tabellenkopf verbleibt auf einer Seite und wird nicht auf die nächste Seite übertragen. Zum Beispiel:
Um zu vermeiden, dass die Tabellenkappe auf eine andere Seite verschoben wird, sollten Sie abschließend eine feste Höhe für die Zeilen in der Tabellenkappe festlegen, indem Sie das Attribut verwenden page-break-inside: avoid für das Element und wenden Sie die CSS-Eigenschaft an table-header-group. Wenn Sie diese Tipps befolgen, können Sie Ihr Dokument visuell besser lesbar und professioneller gestalten.
So speichern Sie eine Tabellenkappe auf einer Seite
Sie können die folgenden Ansätze und bewährten Methoden verwenden, um zu vermeiden, dass die Tabellenkappe auf eine andere Seite verschoben wird:
1. Feste Höhe für tbody festlegen:
Заголовок 1 Заголовок 2 Ячейка 1 Ячейка 2
2. Tabellenkörper-Tags verwenden:
Заголовок 1 Заголовок 2 Нижний заголовок 1 Нижний заголовок 2 Ячейка 1 Ячейка 2
3. CSS-Eigenschaft "page-break-inside: avoid;" verwenden
thead, tbody < display: table-header-group; >tr Заголовок 1 Заголовок 2 Ячейка 1 Ячейка 2
Mit diesen Ansätzen können Sie sicherstellen, dass der Tabellenkopf beim Drucken oder Anzeigen einer Webseite auf einer Seite gespeichert wird.
Möglichkeiten, die Tabellenspitze zu vermeiden
1. Feste Tabellenhöhe festlegen
Eine Möglichkeit, die Tabellenkappe nicht auf eine andere Seite zu reißen, besteht darin, eine feste Tabellenhöhe festzulegen. Wenn die Tabelle eine feste Höhe aufweist, wird der Inhalt der Tabelle beim Teilen der Seite nicht auf eine andere Seite übertragen.
2. page-break-inside-Eigenschaft verwenden
CSS-Eigenschaft page-break-inside steuert, ob ein Element, einschließlich Tabellen, beim Drucken auf verschiedene Seiten aufgeteilt wird. Wenn Sie einen Wert anwenden avoid durch diese Eigenschaft für Elemente innerhalb einer Tabelle wird die Tabelle nicht in verschiedene Seiten aufgeteilt.
3. Tabellenstruktur ändern
Manchmal kann das Ändern der Tabellenstruktur dazu beitragen, dass die Tabellenkappe nicht auf eine andere Seite verschoben wird. Sie können beispielsweise eine Tabelle in mehrere kleinere Tabellen aufteilen oder Überschriften verwenden, die beim Drucken auf jeder Seite wiederholt werden.
4. Pseudo-Elemente verwenden
Sie können Pseudoelemente verwenden, um eine "anhaftende" Tabellenkappe zu erstellen ::before oder ::after. Sie müssen die Positionierung auf das Pseudoelement anwenden, damit es am oberen Rand der Tabelle "geklebt" wird. Auf diese Weise wird der Tabellenkopf beim Scrollen immer auf der Seite sichtbar sein.
