Próbowałem użyć jquery, ale nie mogłem przesłonić właściwości width klasy .gridHeader
.Jak przesłonić właściwość css?
Chciałbym poprawić (powiedzmy 100px) szerokość pierwszej kolumny w tabeli.
<html>
<head>
<style>
html, body {
font-family:Tahoma;
font-size:11px;
}
.grid {
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}
.gridHeader {
background-color:#EFEFEF;
border-bottom:1px solid #CCCCCC;
font-weight:bold;
height:20px;
padding-left:3px;
text-align:left;
width:100%; /* problematic, that I cannot change*/
}
table.grid > tbody > tr > td {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:3px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".gridHeader").css("width","");
});
</script>
</head>
<body>
<table width="100%">
<tr>
<td class="gridHeader" style="width:100px">Vikas
</td>
<td class="gridHeader">Vikas Patel Vikas Patel Vikas Patel
</td>
<td class="gridHeader">Vikas Patel Vikas Patel
</td>
</tr>
<tr>
<td>Vikas
</td>
<td>Vikas Patel Vikas Patel Vikas Patel
</td>
<td>Vikas Patel Vikas Patel
</td>
</tr>
</table>
</body>
</html>
Twoja odpowiedź jest poprawna, ale efekt nie jest dokładnie chcę oglądać rzeczywistą szerokość 500px, jeśli mogę ustawić dla pierwszej kolumny. – Vikas
@Vikas: Możesz ustawić dowolną szerokość za pomocą metody 'width', jak pokazano. – Sarfraz
Zakończyłem to, zastępując szerokość wszystkich kolumn. dzięki .. – Vikas