整潔地顯示寬表的方式

Question

我正在製作一個簡單的顯示數據網格的基本屏幕，但是網格可以具有比屏幕可以應付更多的列。我打算使用Bootstrap，但僅僅是它的控制，外觀和感覺。但是，該頁面不需要針對移動設備進行擴展。

數據的一個非常簡單的例子，我出這個樣子的：

https://jsfiddle.net/bunwt5cy/1/

所以，第一列是隻是一個遞增的數字，後跟一個日期，然後將數據。列的數量可以從1個帳戶到20個。每列（單元）然後具有3個經濟值（在演示中顯示2個），範圍從0.00到99,999.99（顯示需要的大小）。

我目前使用<TABLE>，但有沒有更好的方法，使用bootstrap來做到這一點？ DIV可以做得更好嗎？如果我這樣做，我是否限於每行12 Div？如果是這樣，那麼這不是一個選項，因爲我的網格可能有12列。

這裏是一些行的例子。我試圖讓它更整潔，並儘可能使用最佳做法，但也要做得很好。

Answer 1

最佳做法是，你應該繼續使用這種類似電子表格，表格數據table元素，而使用CSS，使其「美觀」。根據HTML5規範

的div element：

的div元素沒有特殊的意義了......

作者強烈建議查看div元素作爲最後一個元素，因爲沒有其他元素是合適的。使用更合適的元素而不是div元素可以爲讀者提供更好的可訪問性，並使作者更易於維護。

在這種情況下table是可用的，它是適當的表格數據，所以在最佳實踐方面，你應該繼續使用table元素，例如表格數據，而不是div。