你可以在jQuery中这样做

$(document).ready(function() {
    $('table.card-table').each(function() {
        // If the table has less than 2 rows, hide it
        if ($(this).find('tr').length < 2) {
            $(this).hide();
        }
    });
});

不显示包含零行的表

$(function() {
  $('table.card-table').each(function() {
    const $rows = $(this).find('tr');
    $(this).toggle($rows.length > 0); // show if more than 0
  });
});

香草

window.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('table.card-table').forEach(table => {
    const rows = table.querySelectorAll('tr');
    table.hidden = rows.length === 0; // hide if 0
  });
});

表有一个内置的API，用于访问和计数rows和columns，以及tBodies。这也考虑到了空表可能有一个非空的thead来标记空列。
使用它：

for (const table of document.querySelectorAll('table.card-table')) {
  table.hidden = [...table.tBodies].every(body => body.rows.length === 0);
}

当你确定文档中所有有问题的表都被正确解析时，确保正确运行这段代码，例如。在DOMContentLoaded监听器中运行。

也就是说，首先最好不要呈现这些表。所以我强烈建议在生成表的代码部分修复这个问题。