21 Ocak 2011, Cuma
CSS tablo sütun autowidth
Verilen aşağıdaki nasıl içeriği son sütun otomatik boyuma yapabilirim? (Son sütun genişliğini otomatik boyutlandır içeriği. Sadece 1 li eleman var 3 li elemanları sahip olmak, vs vs küçültmek sanırım):
<table cellspacing="0" cellpadding="0" border="0">
<thead><!-- universal table heading -->
<tr>
<td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td>
<td class="tc">Type</td>
<th>File</th>
<th>Sample</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td class="last">
<ul class="actions">
<li><a class="iconStats" href="#">Statystyki</a></li>
<li><a class="iconEdit" href="#">Edytuj</a></li>
<li><a class="iconDelete" href="#">Usuń</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
Css:
table { table-layout: fixed; width: 100%; }
table tr { border-bottom:1px solid #e9e9e9; }
table thead td, th {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("../images/sprites4.png") repeat-x scroll 0 100% ; font-weight: bold; text-align:left;}
table tr td, th { border:1px solid #D5D5D5; padding:15px;}
table tr:hover { background:#fcfcfc;}
table tr ul.actions {margin: 0;}
table tr ul.actions li {display: inline; margin-right: 5px;}
CEVAP
1 HAZİRAN 2012, Cuma
Aşağıdaki sorunu çözmek
td.last {
width: 1px;
white-space: nowrap;
}
Bunu Paylaş:
Bunları nasıl belirli sütun adları ile...
Nasıl SQL Server Tablo bir Sütun bir d...
İkinci tablo fazladan bir sütun olması...
JQuery tablo satır ve sütun sayısı...
Eşleme çok çok ekstra bir sütun ile bi...