html - 为表格的所有行设置固定高度

标签 html css

我创建了一个表 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>

一些行包含隐藏的附加信息。如果该行包含隐藏信息,则与不包含隐藏信息的行相比,该行的高度增加。如何设置所有行的公共(public)高度。 有什么想法吗?

最佳答案

使用 display: none 而不是可见性隐藏 demo

关于html - 为表格的所有行设置固定高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17697268/

相关文章:

html - 表格列中复选框的对齐方式

html - 具有不同字体大小的相邻元素的相同高度

html - 所有展示图像都应该在 CSS 中定义吗?

html - 占位符字体不变

php - 来自 PHP 字符串的 JavaScript 数组

php - 在 html : returned data object empty 中显示来自 SQL 数据库的数据

jquery - 如何在 jQuery 中操作表单字段值

javascript - Jquery 和单选按钮

javascript - CSS/JS slider 过渡效果

html - CSS网格布局,简单的响应式设计