Question

我猜这是不可能的，但现在就去了。

我有两张桌子，我试图让它们并排坐着，这样它们就像一张桌子。这样做的原因是，由于性能原因（如缓存和AJAX获取数据），第二个表中的数据需要以列为基础而不是基于行来处理，而不是使用一个更大的表。因此，我决定将列拆分为一个单独的表，而不是必须为一个列重新加载整个表，但它在视觉上看起来像一个表。

我找不到强行将第二张表放在第一张表旁边的方法。我可以浮动它们，但是当第一个表太宽时，第二个表会突破到下一行。这是踢球者：第一个表的宽度是动态的。所以我不能只为它的容器设置一个巨大的宽度。好吧，我可以设置一个巨大的宽度，比如1000％，但是我有一个巨大的丑陋的水平滚动条。

那么有没有办法告诉第二张表“保持同一条线，无论如何！请在前一个元素旁边排队！”

Answer 1

将您的两个表放在另一个表中，其中包含一行和两个单元格。不优雅或“现代”，但它会起作用。

Answer 2

如果你的桌子是一张桌子，你应该坚持使用一张桌子。

您正尝试使用其他文档结构修复数据操作问题。

每个列使用不同的类和库提供的DOM导航工具（如jquery），访问要更新的单元格或列时不应该有任何问题。

我不会选择你选择的路线。

Answer 3

这个怎么样：

<div>
<div class=lspacer>
<table1>
</table1>
</div>
<div class=rspacer>
<table2>
</table2>
</div>
</div>

然后，对于lspacer，您可以将其清除，对于rspacer，您可以清除它。另外，指定宽度。