Dynamic Data Grid

Question

Mein Projekt re-Engineering ein HTML-Datenrasterkonstruieren mit SQL-Abfrage generiert XML und XSL in eine HTML-Tabelle.

Der Inhalt der Tabelle ist bei der Bereitstellung nicht bekannt, da der verwendete SQL-Code die XML-Daten erstellt, die von der Anwendung zur Laufzeit generiert werden.

Angesichts der Abneigung für Tabellen in der CSS-Welt hoffe ich, jemand hat eine bessere Vorschläge für das HTML sollte aussehen und was Ressourcen können hilfreich sein Umgang mit der dynamischen Natur der Domäne.

Answer 1

Die Abneigung, die die meisten Webentwickler haben, ist nicht für Tabellen selbst, sondern für deren Missbrauch - Leute benutzen oft Tabellen für die Positionierung von Inhalten/Elementen auf einer Webseite, was ein "Nein Nein" ist. Aber niemand sagte, es sei etwas falsch daran, Tabellen zur Anzeige von Tabellendaten zu verwenden - dafür waren HTML-Tabellen vorgesehen.

Die Antwort hängt also davon ab, wie die Daten aus Ihrer DB strukturiert sind.

.

Verwenden Sie Tabellen für so etwas wie folgt aus:

Aufträge:

-------------------------------------------------------- 
| Order ID | Product Name | Order Date | Ordered By | 
-------------------------------------------------------- 
| 1   | blah blah  | 1/1/2009 | Jane Doe | 
| 2   | blah blah  | 1/1/2009 | Jane Doe | 
| 3   | blah blah  | 1/1/2009 | Jane Doe | 

.

Sie nicht eine Tabelle für so etwas wie folgt verwenden:

"Hello, Jane Doe. 

Your order (#2), which was received on 1/1/2009, is being processed. Sorry for the delay. 

                - Your friends at ABC Store" 

Answer 2

Aufbauend auf fallen888 Antwort, kann man wirklich viel mit Tabellen tun Daten in HTML zu strukturieren. Ein paar gute Dinge, die ich empfehlen sind:

• Verwenden <thead>, <tbody> und <th> Elemente. Machen Sie nicht einfach eine Reihe von "Fett" <td> s.
• Verwenden Sie das Element <caption>.
• Verwenden Sie das Attribut scope, um Kopfzeilen mit Zeilen oder Spalten zu verknüpfen.

Veerle Blog hat zwei ausgezeichnet Tutorials zum Thema:

• A CSS styled table
• A CSS styled table version 2