Javascript 如何使一个表的列宽始终与另一个表的相应列宽匹配？

我要求的是非常奇怪的，但基本上假设我有两张桌子：

可乐
可乐
可乐
信息
信息
信息
信息
信息
信息
可乐
可乐
可乐
信息
信息
信息
信息
信息
信息

嗯，是的，这很棘手，您希望避免走上测量单元格宽度的道路，并尝试手动管理宽度。我建议您使用

表格布局：fixed；宽度：100%

。这使得所有表列都具有相同的宽度。表将响应它的容器，因此如果两个表在同一个容器中，它们应该具有相同的列宽。下面是一个示例，说明了这一点：

表格{
表布局：固定；
宽度：100%；
}
表tr-th{
文本对齐：左对齐；
}
.小货柜{
宽度：60%；
}

可乐
可乐
可乐
信息
这个细胞是不同的。
信息
信息
信息
信息
可乐
可乐
可乐
信息
信息
信息
信息
信息
信息

小容器示例
可乐
可乐
可乐
信息
这个细胞是不同的。
信息
信息
信息
信息
可乐
可乐
可乐
信息
信息
信息
信息
信息
信息

我不希望每列的宽度相同。我希望第一个表的列的宽度与其最长单元格的宽度相同，第二个表的宽度与第一个表的宽度相同。是的，我理解，我向您展示了解决问题的另一种方法。为了实现您想要的，您需要使用JS来测量每个单元格，并将两个表更新为相同的宽度。这不是一件容易的事。