如何使具有不同行数的2个不同表具有相同的高度

Question

我有两张不同的牌桌。两个表都有不同的行数。我需要两个表格显示相同的高度..

我希望调整第二个表行的方式，使其扩展到与第一个表相同的高度。

Answer 1

使用bootstrap类

row class和col class。

您可以查看 this sample

Answer 2

使用

$("#div2").height($("#div1").height());

在第二个div上加载正确的高度

并在第二个表上添加

style="height: 100%"

demo

Answer 3

首先，你需要看到那些桌子中的一个有更大的高度，之后你应该让另一个像这样。

考虑到您的两个表都有一个名为mytable的类，您需要在文档准备好后加载的脚本是：

var heights = $(".mytable").map(function() {
    return $(this).height();
}).get(),
maxHeight = Math.max.apply(null, heights);

$(".mytable").height(maxHeight);