ワイドテーブルをきれいに表示する方法

Question

私は単純にデータグリッドを表示する基本的な画面を作っていますが、グリッドは画面が処理できるよりも多くの列を持つことができます。私はブートストラップを使うつもりですが、コントロール、ルック・アンド・フィールのためだけです。しかし、このページはモバイル用に拡張する必要はありません。

私はこのようなルックスを示すいたデータの非常に基本的な例：だから

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

を、最初の列は、日付が続くだけインクリメント数、およびそのデータです。列の数は、1口座から20口座までです。各列（セル）には0.00から99,999.99までの3つの財務値（デモで2が表示されます）があります（必要なサイズを表示するには）。

私は現在<TABLE>を使用していますが、これを行うにはブートストラップを使用するより良い方法がありますか？ DIVでよりうまくいくことができますか？そして私がしたら、私は行あたり12のDivsに制限されていますか？もしそうなら、私のグリッドは> 12の列を持つかもしれないので、それはオプションではありません。

ここにいくつかの行の例を示します。私はそれをもっときめ細かくして、できるだけベストなプラクティスを使うようにしているだけでなく、かなりかっこよくしています。ベストプラクティスとして

Answer 1

、あなたはそれが「きれい」にするためにCSSを使用しながら、そのようなスプレッドシートのような、表形式のデータのためのtable要素を引き続き使用する必要があります。 HTML5の仕様に応じてdiv element

：

強く、最後の要素としてdiv要素を表示することが奨励されている

著者

div要素がすべてで特別な意味を持っていません...、他の要素が適切でないときのためのものである。 div要素の代わりに適切な要素を使用すると、読者のアクセシビリティが向上し、著者の保守が容易になります。この場合tableで

のベストプラクティスの観点から、あなたはむしろdivよりも、このような表形式のデータのためのtable要素を引き続き使用する必要がありますので、それは、表形式のデータに適した、利用可能です。