- İçeriği düzenlemek için kullanılan div'in yüksekliğini sabitleyelim.
- Contenteditable minimum ve maksimum yükseklik değerleri ekleyelim.
- Satırların her zaman eşit yükseklikte olmasını sağlamak için satır yüksekliğini de sabitleyelim.
<table class="table table-striped">
<colgroup>
<col>
<col>
<col>
<col style="width: 60px;">
<col style="width: 60px;">
</colgroup>
<thead>
<tr>
<th>id</th>
<th>Türkçe</th>
<th>İngilizce</th>
<th>Kaydet</th>
<th>Sil</th>
</tr>
</thead>
<tbody>
<?php foreach ($list as $item): ?>
<tr>
<td><?php echo htmlspecialchars($item['id']); ?></td>
<td><div contenteditable="true" class="form-control fixed-height"><?php echo htmlspecialchars($item['tr']); ?></div></td>
<td><div contenteditable="true" class="form-control fixed-height"><?php echo htmlspecialchars($item['en']); ?></div></td>
<td><button class="btn btn-sm btn-success tahmin-up-button"><i class="fa fa-save" title="Kaydet" style="cursor:pointer"></i></button></td>
<td><button class="btn btn-sm btn-danger tahmin-del-button"><i class="fa fa-trash" title="Sil" style="cursor:pointer"></i></button></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>Bu da CSS;
.table tbody tr {
height: 50px; /* Satır yüksekliğini sabitle */
}
.fixed-height {
min-height: 30px; /* İçeriğin minimum yüksekliği */
max-height: 60px; /* İçeriğin maksimum yüksekliği */
overflow-y: auto; /* İçeriğin taşması durumunda kaydırma ekle */
}