如何使用position定位div：fixed占用整个父宽度（并用它调整大小）？

Question

看到这个小提琴：http://jsfiddle.net/eEe2C/2/

绿色行1是固定的，但不会拉伸其他蓝色行所做的整个父宽度。将第1行视为网格中的列标题。需要对其进行修复，以便始终可见，并且在滚动时所有行都可以在其下方“滑动”。第1行与其他行之间的唯一区别是第1行的位置为：fixed。

当水平调整大小时，蓝色行的“单元格”会根据宽度百分比扩展得很好。绿色行的“单元格”忽略了这一点（我知道为什么，只需要一个解决方案）。

如何让第1行保持固定状态的拉伸行为相同？标题当然应该与数据“单元格”对齐。请尽可能没有post-js hack。

编辑：无法使用表格，因为我使用的是拖放式排序，这些表格根本无法与表格一起使用。

Answer 1

如果我理解正确，你的意思是这样吗？虽然您可能希望在容器上设置特定宽度。

http://jsfiddle.net/eEe2C/6/

Answer 2

即使它是一个演示，它看起来像表格数据，所以只需使用<table>。使用table with a fixed height <tbody>可能是解决问题的好方法。