设计可滚动表结构

Question

我目前正在寻找一种使用HTML和JS设计表结构的方法，该结构应该是

1. 水平滚动（必须可以动态添加新列）
2. 容忍更改单元格的大小（例如添加一些文本或控件时）。例如。当第二行中第二个单元格的大小加倍时，每个其他单元格应保持在正确的列中。
3. 应该可以将渲染列调整为屏幕宽度。
4. 应该可以在移动设备上使用相同的布局。

5.   

   =必须支持IE8，FF，Chrome

目前我正在考虑基于DIV的解决方案，如果需要，可以通过调整列和单元格DIV的大小来保留列和行的正确表结构。

它应该是这样的：



基于DIV的解决方案是否合适或是否有可能使用默认的HTML表格？