动态数据网格

时间:2009-04-30 15:38:55

标签: css datagrid

我的项目正在重新设计构建使用的HTML数据网格 SQL查询将XML和XSL生成为HTML表。

在部署时,表的内容不为SQL所知 构建XML数据是由应用程序在运行时生成的。

鉴于CSS世界中表格的厌恶,我希望有人拥有 有关HTML应该是什么样子以及什么的更好的建议 资源可能有助于处理域的动态性质。

2 个答案:

答案 0 :(得分:1)

大多数网页开发人员对表格本身的厌恶不是表格本身,而是滥用表格 - 人们经常利用表格在网页上进行内容/元素定位,这是“不是不行”。但没有人说使用表格显示表格数据有什么不妥 - 这就是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"

答案 1 :(得分:1)

基于fallen888的答案,您可以使用表格来构建HTML中的数据。我可以推荐的一些好东西是:

  • 使用<thead><tbody><th>元素。不要只做一行“粗体”<td> s。
  • 使用<caption>元素。
  • 使用scope属性将标题与行或列相关联。

Veerle的博客有两个关于这个主题的优秀教程: