Tischmanieren - Muss ich konsistent sein?

8

Ich habe einen Tisch ex.

%Vor%

nach etwas Phantasie jquery ...

%Vor%

Nur zum Spaß: Ссылка

    
Pinch 14.01.2013, 15:18
quelle

4 Antworten

4

Sie werden mit drei Zellen in der ersten Zeile und zwei in der zweiten Zeile enden.

Dies wird normalerweise nicht angezeigt, aber wenn Ihr Design Ränder / Rahmen / Auffüllen für Tabellenzellen hat, kann es die Anzeige und das Layout der Tabelle beeinflussen.

    
Oded 14.01.2013, 15:20
quelle
3

Die kurze Antwort, für mich, ist ja du.

Die ausführlichere Antwort lautet: Sie müssen konsistent nicht konsistent sein, aber es ist sicherlich hilfreich, wenn Sie möchten, dass Ihre Tabelle in allen Browsern aussieht. Ganz zu schweigen von der Tatsache, dass die Inkonsistenz jetzt, auch wenn sie momentan keine Probleme zu verursachen scheint, eine größere Wirkung hat, wenn Sie mehr an Ihrem Tisch, seinem Styling oder den darin enthaltenen Daten tun möchten.

Wenn Sie dieses JSFiddle in verschiedenen Browsern aufrufen, sehen Sie möglicherweise ein anderes Verhalten:

  • Chrome und IE8 : Richten Sie die Tabelle so aus, dass zusätzliche Zellen vorhanden sind aus den zwei gewöhnlichen Zellen.
  • Firefox : sieht tatsächlich so aus, als hätte er extra leere Zellen in einem dritte Spalte.

Stellen Sie sich die Komplikationen vor, wenn es um Styling für diese verschiedenen Situationen geht, wenn Ihr Tisch wächst.

Wahrscheinlich ist die Eigenschaft colspan ein Weg darum. Ich denke colspan ist ziemlich hässlich; Tabellen sollten so dargestellt werden, dass Sie eine Spaltenüberschrift anzeigen und nach unten blättern können, um die für die Kopfzeile relevanten Informationen anzuzeigen. Einige andere Daten, die in die Spalte hineinreichen, sind eine Ablenkung. Aber das hängt genau davon ab, was du versuchst.

Abgesehen von Problemen bei der Präsentation und dem Informationsdesign kann es für jemanden, der Ihren Code betrachtet, nicht möglich sein zu wissen, wie viele Zellen in jeder Zeile enden. Es ist besser, eine konsistente Nummer in jeder Zeile zu haben, damit Sie sie schnell und einfach überprüfen können, sollten Sie etwas anderes mit der Tabelle oder den darin enthaltenen Daten benötigen. Nützlich für das Debugging.

Hoffe, das hilft.

    
guypursey 14.01.2013 15:34
quelle
2

Es ist kein Problem, dies zu tun, jedoch können einige Formatierungsprobleme auftreten, da es jetzt 3 td in Zeile 1 und 2 in Zeile 2 gibt.

    
Barry Kaye 14.01.2013 15:20
quelle
1

Verwenden Sie colspan="2", wenn ein TD zwei Spalten verwendet.

    
Louis XIV 14.01.2013 15:23
quelle

Tags und Links