Używanie calc () z tabelami
Próbuję uzyskać tabelę o stałej szerokościtd
s i zmienna szerokośćtd
s.
Im używam CSScalc()
funkcja, ale jakoś wydaje się, że nie mogę użyć%
w tabelach.
Tak mam do tej pory:
<table border="0" style="width:100%;border-collapse:collapse;">
<tr style="width:100%">
<td style="width:30px;">1</td> <!--Fixed width-->
<td style="width: calc( (100% - 230px) / 100 * 40);">Title</td> <!--Width should be 40% of the remaining space-->
<td style="width: calc( (100% - 230px) / 100 * 40);">Interpret</td> <!--Width should be 40% of the remaining space-->
<td style="width: calc( (100% - 230px) / 100 * 20);">Album</td> <!--Width should be 20% of the remaining space-->
<td style="width:80px;">Year</td><!--Fixed width-->
<td style="width:180px;">YouTube</td><!--Fixed width-->
</tr>
</table>
Jak to widzę, powinno działać, ale tak nie jest.
Czy ktoś wie, jak to rozwiązać? A może ma inną sugestię, jak mogę osiągnąć swój cel?