Html 如何将表格的动态行设置为标准高度？

我有一个表，其中表行是动态填充的。当行显示在表中时，每行占用表的全部高度除以有多少行。我希望所有行的高度都相等，所以为了实现这一点，我添加了

display:block到

默认情况下，我的表从以下几行开始，但通过一些jquery，我删除了第一行
remove\u table\u row1
，并用实际数据填充它

HTML

<table class="table">
    <thead>
        <tr>
            <th><input type="checkbox" id="checkbox1"></th>
            <th></th>
        </tr>
    </thead>
    <tbody id="table1_container">
        <tr class="remove_table_row1">
            <td></td>
        </tr>
    </tbody>
</table>

问题是当我添加
display:block时对于表格，它会导致表格行宽度像这样缩短，但高度很好


如果我删除
显示：块从表格中，然后行再次为全宽，但行的高度填充表格的整个高度。我添加的行越多，它们就越短


如何实现行的全宽和标准行高？
使用display:inline block而不是block可以控制宽度。
我不知道您是如何动态添加行的

但您可以在添加行之前计算行数，然后更改整个表的高度
比如每次添加一行

注意：分享您的“动态添加行”代码，帮助您编写代码

注意：您不需要使用display:block或。。。否则。
我不会弄乱默认的显示类型。你有没有试着简单地设置行的高度？我有，没有效果。不清楚问题出在哪里。您可能需要提供一个完整的演示（连同您的脚本）。如果display:block解决除宽度以外的所有问题，是否尝试添加宽度：100%？作为@isherwood，不清楚问题出在哪里。宽度并不是问题所在。“问题是当我将display:block添加到表格中时，它会导致表格行宽度如此缩短，但高度很好。”首先提到的是宽度调整和高度很好，但我要澄清的是，内联块允许控制宽度和高度。这只是一个不好的开始改变表的显示属性的方法。最初的问题是行高。我宁愿解决这个问题。
.table {
    background: white;
    display: block;
    min-height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

table.height = (rowsCount + 1) * heightOfEachRow