php - Ajax建表时，如何有条件地设置占其中数据量的高度？

Question

我使用 Ajax/PHP/MySql 构建了一个表。表格中的一列用于评论，有时评论很长，但我不想显示所有评论，因为它会扭曲表格的外观，所以我这样设置；

 echo ("<td id=\"comments:$row[recordID]\"> 
    <div class='scrollable'> $row[comments] </div> </td>");

CSS是；

 div.scrollable {
     width: 100%;
     height: 75px; 
     margin: 0;
     overflow: auto;
 }

问题是由于 CSS 上的 div，单元格的高度被锁定为 75px，但如果单元格为空，我希望将其设置为默认值，而不是 div.scrollable CSS 强加的。我尝试使用“继承”作为高度，但这当然会取消溢出并默认高度以显示单元格中的所有内容。我该怎么做才能使空单元格与表中的其他列具有相同的高度，但不能使该行中的所有其他单元格都具有相同的高度？

标签： phpcsshtml-tablescrollable

Answer 1

如果评论为空，只需设置类。

$class = empty($row[comments]) ? 'nonscrollable' : 'scrollable' ;
 echo ("<td id=\"comments:$row[recordID]\"> 
<div class='$class'>$row[comments]</div> </td>");