css - 如何在 twitter bootstrap 中显示表格(即使它是空的)

Question

在 twitter bootstrap(和/或 css)中，我们如何确保表格以其完整形式(具有固定尺寸)显示，无论其行是否填充数据？

Answer 1

我不确定是否完全理解了这个问题。但是如果你想检查你的表格是否完全显示，我会使用 JavaScript/jQuery。

您可以只检查表格是否具有您放入 CSS 中的大小，但我不认为您的问题是什么意思:

if($(".table").height()==??) {
  //DO WHAT YOU WANT
}

如果您的数据放在表格的一行中，您可以检查行数并乘以一行的大小:https://jsfiddle.net/ugppwzsc/1/

但是如果你的行有不同的大小，你将不得不计算每一行的大小并检查它是否是你想要的:

var cal = 0;
$( "tr" ).each(function() {
  cal += $(this).height();
});
if($("table").height()==cal) {
  //DO WHAT YOU WANT
}