我目前正在寻找一种使用 HTML 和 JS 设计表格结构的方法,这应该是
- 水平滚动(必须可以动态添加新列)
- 容忍单元格大小的变化(例如,添加一些文本或控件时)。例如,当将第二行中的第二个单元格的大小加倍时,每隔一个单元格应该留在正确的列中。
- 应该可以将渲染列调整为屏幕宽度。
- 在移动设备上滑动应该可以使用相同的布局。
= 必须支持 IE8、FF、Chrome
目前我正在考虑一个基于 DIV 的解决方案,如果需要,通过调整列和单元格 DIV 的大小来保留列和行的正确表结构。
它应该是这样的:
基于 DIV 的解决方案是否合适,或者是否有可能使用默认的 HTML 表格?