動態數據網格

Question

我的項目正在重構一個HTML數據網格，使用 SQL查詢生成的XML和XSL構建到HTML表格中。

該表的內容在部署時不爲人知，因爲用於構建XML數據的SQL是由應用程序在運行時生成的。

鑑於對CSS世界中表格的厭惡，我希望有人對有更好的建議，看看HTML應該是什麼樣的，什麼樣的 資源可能有助於處理域的動態特性。

Answer 1

大多數Web開發人員不喜歡使用表格，但他們的濫用 - 人們經常利用表格在網頁上進行內容/元素定位，這是「不」。但沒有人說使用表格來顯示錶格數據是有問題的 - 這就是HTML表格的目的。

所以答案取決於來自數據庫的數據是如何構成的。

。

這樣的事情使用表：

訂單：

-------------------------------------------------------- 
| 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 | 

。

不要使用表是這樣的：

"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

大廈fallen888的答案，你真的可以做很多與表中的HTML結構的數據。有幾個好東西，我可以推薦是：

• 使用<thead>，<tbody>和<th>元素。不要只是做一排「大膽」<td> s。
• 使用<caption>元素。
• 使用scope屬性將標題與行或列相關聯。

Veerle的博客對這個問題的兩部優秀教程：

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