html - テーブルのすべての行に固定の高さを設定する

Question

テーブルhttp://jsfiddle.net/vR5B8/を作成しました。

table  id="resultDetails" class="table-striped" border=1 width="99%" nowrap=0;  cellspacing=0; cellpadding=3><tbody>
            <th colspan="2"><Big>Result Details</Big></th>
                <tr data-depth=0 class="collapse" height=1px >
                    <td width="4%">P</td>
                    <td width="80%">Modules
                    <div class="content">
                         <p>Abc</p>
                    </div>
                    </td>
                </tr>
                <tr data-depth=0 class="collapse" height=1px >
                    <td width="4%">P</td>
                    <td width="80%">Modules 1</td>
                </tr>
                <tr data-depth=0 class="collapse" height=1px >
                    <td width="4%">P</td>
                    <td width="80%">Modules 2</td>
                </tr>
</tbody>

一部の行には、非表示の追加情報が含まれています。行に非表示の情報が含まれている場合、行の高さは、非表示の情報が含まれていない行と比較して増加しています。すべての行に共通の高さを設定する方法。何かご意見は ？

Answer 1

可視性の非表示のデモdisplay: noneの代わりに使用