我正在制作一个简单显示数据网格的基本屏幕，但网格的列数可能超过屏幕可以处理的数量。我打算使用 Bootstrap，但只是为了它的控件、外观和感觉。但是，该页面不需要针对移动设备进行缩放。
我显示的数据的一个非常基本的示例如下所示:
https://jsfiddle.net/bunwt5cy/1/
因此，第一列只是一个递增的数字，然后是日期，然后是数据。列数可以从 1 个帐户到 20 个帐户不等。然后每个列(单元格)有 3 个财务值(演示中显示 2 个)，范围从 0.00 到 99,999.99(显示所需的大小)。
我目前正在使用 <TABLE> ，但是有没有更好的方法，使用 bootstrap 来做到这一点？使用 DIV 可以做得更好吗？如果我这样做，我是否被限制为每行 12 个 Div？如果是这样，那不是一个选项，因为我的网格可能有 > 12 列。
这里是一些行的例子。我试图让它更整洁，并使用“尽可能最好”的最佳实践，但也要让它变得漂亮。
最佳答案
作为最佳实践，您应该继续对此类类似电子表格的表格数据使用 table 元素，同时使用 CSS 使其“漂亮”。
div element根据 HTML5 规范:
The div element has no special meaning at all ...
Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors.
在这种情况下 table 可用，它适用于表格数据，因此根据最佳实践，您应该继续对此类表格数据使用 table 元素，而不是div.
关于html - 整齐地显示宽表的方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36612065/