对齐两个表格的表格行答案

【问题标题】：Align table rows of two tables对齐两个表格的表格行
【发布时间】：2018-07-18 03:37:31
【问题描述】：

所以我有两张水平相邻的桌子。一切最初都是对齐的。但是，当左侧表格的一个单元格内的元素大小增加时，它会换行并增加单元格高度。即使左侧单元格高度增加，如何对齐两个表格？

这是它的样子：

没有包装：

带包装：

【问题讨论】：

也许你可以使用https://datatables.net/ ？这个库对你有用吗？
只有在想要相同高度的情况下才使用单个表。如果您使用单个表格，则不必担心每次高度不同时对齐表格。
因为我应该让网站具有响应性，所以我使用了两个表格，以便将它们包装成移动尺寸。我知道有一些方法可以让它对一个表做出响应，这就是我一开始所做的，然后我被告知那不行...... :(

【解决方案1】：

恕我直言，您有两个选择。

评论后更新：如果您可以使用 jquery，则可以在页面加载时执行此操作。参考这个fiddler

注意：height 属性用于表的行和class 名称。取消注释 jquery 行号 3 并执行。

【讨论】：

所以如果我有两张桌子就没有办法了吗？
如果您使用 jquery，有一种方法可以动态检查第一个表中行的高度，并在页面加载时在第二个表中设置相同的高度。但这增加了复杂性。使用 div 更简单、更灵活。你已经在使用jquery了吗？如果是，请将您的 html 代码提出问题，我可以帮助您使用 document.ready 函数代码来更新行。
是的，我只是想用 javascript 检查行高并设置第二个表的高度。无论如何，我不能真正发布代码，它太长了，900 多行。另外，如果我在页面加载时这样做，它不会只做一次吗？如果用户放大或缩小怎么办？
缩放将对两个表产生相同的效果。在您的情况下，页面加载时行将相同，因此两个表将保持不变。在我的示例中，您可以放大/缩小提琴手。 :)