Question

我有一个少于100行的简单数据表。我目前一直在一系列嵌套的DIV中显示数据。每行都有一个容器div，嵌套的div表示其中的数据列。（这是我最早编码时的反应，当时没有像div那样的东西）。

第一列数据被格式化为图像链接，而其他两列是文本。

返回使用表格是否有意义？

另外，作为一项实验，我考虑过使用巢穴ULs。 UL包含所有行，每行包含单独的水平UL。

作为进一步的说明/问题，我有另一个数据块可能导致数千行。在这种情况下，这些数据会导致“最佳实践”的答案不同吗？

Answer 1

实际上，您可以使用任何您喜欢的容器。最佳实践是使用元素来实现它们的用途。如果要显示表格数据，请务必使用表格！有很好的插件可以更好地为用户提供体验，并且它非常易于阅读和复制/粘贴。

我一直在问自己的问题是，这些数据是否最好在Word或Excel文件中显示。如果是Excel，那么它就是一张表。如果是Word，那就是div。

如果您使用了数千行，您可能希望让用户控制排序，过滤和提取更多信息以帮助实现。我会使用一些带有一些jQuery插件的表，比如tablesorter，hovertable和tableFilter，以帮助简化这一过程。

Answer 2

在这种情况下，表格很好。表用于显示表格数据，如数据库中的行。你应该避免使用表格进行页面布局......

至于有数千行，你可能想看一下分页。我认为没有更好的“最佳实践”

Answer 3

列表用于列表，表用于表格数据，div用于布局。所以，如果你想走最好的做法路线;我想你应该在这里使用一张桌子。

有人说;使用div而不是表并不是那么糟糕。如果您已经使用div而不是表格，我不会担心重写。一个警告是你正在清理漂浮的列div。例如：

<div class="row">
  <div class="column" style="float:left;"><!-- Some stuff --></div>
  <div class="column" style="float:left;"><!-- Some stuff --></div>
  <div class="column" style="float:left;"><!-- Some stuff --></div>
  <div style="clear:both;"><!-- Leave empty --></div>
</div>

你应该避免的是相反的（使用表格应该使用的表格）。

此外，即使您可以使用列表元素获得某种表结构，这也不是您想要的路径。我以前从来没有这样做过......说实话，在我看过的数百个例子中，我认为我从未见过有人将它们用于这样的目的。我想这里最好的理由是你为什么？因为我之前从未见过它，所以我没有任何便利的例子说明为什么你不应该这样做。但对我来说，这类似于告诉别人当他们用扳手时不要用管子松开螺栓。我的意思是确定......也许管道可以完成工作，但扳手就在那里......

Answer 4

如果我需要以表格方式显示数据，我主要使用<table>元素。在显示1000行或更多行时，您应该考虑用户友好性。 jqGrid插件是很好的解决方案，具有分页，排序，搜索等功能。

Answer 5

列表用于一维数据。表用于多维数据。 div 用于将事物分开或包含在其他事物中。如果您的数据的每一项都与其他人有所有者关系，您应该使用表格。

最佳实践：表，分区，列表或某些组合......？

5 个答案: