我使用引导程序创建了一些具有动态高度的列。当任何表格单元必须折叠时,使所有行更高,其他单元高度的内容保持不变。动态行高问题表
这里是正在发生的例子:
/* CSS used here will be applied after bootstrap.css */
.input-group input, .input-group span{
border: none;
}
span.input-group-addon {
background-color: red;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
vertical-align: middle;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-bordered">
<tbody>
<tr>
<th>Big word to test multiple line</th>
<td>Teste</td>
<td class="checkbox-table">
<div class="input-group">
<input type="number" class="form-control" min="0/">
<span class="input-group-addon"><input type="checkbox">NS</span>
</div>
</td>
</tr>
</tbody>
</table>
http://www.bootply.com/yItLpVcKof
我想跨度有细胞高度,它的所有背景变为红色(但不所有的细胞)。
我尝试在某些单元格和行上添加height:100%
,但不起作用。我想自动保持行高,因此添加固定高度不是解决方案。我已经看到一些解决方案,使用div的像this,但我想保持一张桌子。
我不明白这个问题。那么你是否希望带有红色背景的跨度填满单元格? –
它希望它填满整个跨度的高度 –
我找到了一个解决方案,查看我的发贴波纹管。仍然不能标记它是正确的。 –