当 Ajax 构建 table 时，如何根据其中的数据量有条件地设置 <td> 的高度？

Question

我使用 Ajax/PHP/MySql 构建了一个 table。在 table 一栏是评论，有时评论很长，但我不想全部显示，因为它扭曲了 table 的外观，所以我这样设置；

 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。我尝试使用 'inherit' 作为高度，但这当然会抵消溢出并默认高度以显示单元格中的所有内容。我必须怎么做才能使空单元格的高度与 table 中的其他列相同，但不使该行中的所有其他单元格成为其高度？

Answer 1

评论为空时直接设置class

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

当 Ajax 构建 table 时，如何根据其中的数据量有条件地设置 <td> 的高度？

How do I conditionally set height of <td> accounting for amount of data in it when Ajax builds the table?

css

php

html-table

scrollable