Birçok insan hala kontrolleri, verileri vb. düzenlemek için tabloları kullanıyor. - Bunun bir örneği popüler jqGrid'dir. Bununla birlikte, anlayamadığım bir sihir gerçekleşiyor (yüksek sesle ağlamak için tablolar, ne kadar sihir olabilir?)
Bir tablonun sütun genişliğini ayarlamak ve jqGrid'in yaptığı gibi buna uyulmasını sağlamak nasıl mümkün olabilir? Bunu kopyalamaya çalışırsam, her <td style='width: 20px'>
ayarını yapsam bile, bu hücrelerden birinin içeriği 20px'den büyük olduğu anda hücre genişliyor!
Herhangi bir fikriniz ya da görüşünüz var mı?
Tüm satırlar için tablo stilini yönetmek için <col>
etiketini kullanmayı deneyebilirsiniz, ancak <table>
veya tables css sınıfı üzerinde table-layout:fixed
stilini ayarlamanız ve hücreler için overflow
stilini ayarlamanız gerekecektir
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col
<table class="fixed">
<col width="20px" />
<col width="30px" />
<col width="40px" />
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
ve bu da sizin CSS'iniz olsun
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10