我有一个动态表,是在从用户那里获取一些输入以呈现一些表格数据后生成的。我需要知道是否可以为单元格分配固定的高度,即使其中一些单元格有一些内容/文本。我希望所有单元格的高度均为 30px,无论它们是否有内容或是否为空。
这是我的CSS:
table {
width: 90%;
height:100%;
}
table th, table td {
border: 1px solid gray;
height:30px !important;
padding: 9px !important;
width: 16%;
}
该表是由以下代码生成的:
foreach ( $this->rows as $i => $row ) {
$tbody_tr = NHtml::el ('tr class="data-row-' . $i . '"');
foreach ( $this->fields as $field ) {
$tbody_tr->add(NHtml::el ('td')->class($field['name'])->setHtml(@$row[$field['name']]));
}
但是当我有一个包含一些文本的单元格时,单元格高度无论如何都会扩展。有任何想法吗?
表格单元格不会溢出,因此您需要将内容包装在 div 中才能使用溢出
这是一个例子:http://jsfiddle.net/avVQm/ http://jsfiddle.net/avVQm/
HTML:
<table>
<tr>
<td>
<div>
gf asfdg fsagfag fdsa gfdsg fdsg fds g fdg
</div>
</td>
</tr>
</table>
CSS:
table {
width: 30px;
border: 1px solid black;
}
table td > div {
overflow: hidden;
height: 15px;
}
你的PHP:
foreach ((array)$this->fields as $field ) {
$wrapperdiv = NHtml::el ('div');
$tbody_tr->add($wrapperdiv);
$wrapperdiv->add(NHtml::el ('td')->class($field['name'])->setHtml(@$row[$field['name']]));
}
请注意,我并不完全知道您使用的框架的语法,但我猜您的 php 看起来像这样。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)