Я строю таблицу с использованием 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;
}
Проблема заключается в том, что высота ячейки заблокирована на уровне 75 пикселей из-за div в CSS, но если ячейка пуста, я хочу, чтобы она установила значение по умолчанию, а не то, которое навязывает div.scrollable CSS.
Я попытался использовать «наследовать» для высоты, но это, конечно, компенсирует переполнение и по умолчанию высоту, чтобы показать все в ячейке.
Что мне нужно сделать, чтобы пустая ячейка имела такую же высоту, как и другие столбцы таблицы, но не сделать все остальные ячейки в строке ее высотой?
Просто установите класс, если комментарий пуст.
$class = empty($row[comments]) ? 'nonscrollable' : 'scrollable' ;
echo ("<td id=\"comments:$row[recordID]\">
<div class='$class'>$row[comments]</div> </td>");
Других решений пока нет …