Я пытаюсь получить таблицу с фиксированной шириной td
и переменной шириной td
s.
Im использует функцию CSS calc()
, но почему-то кажется, что я не могу использовать %
в таблицах.
Так вот что я до сих пор:
<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>
Как я вижу, он должен работать, но это не так.
Кто-нибудь знает, как это решить? Или может быть другое предложение, как я мог бы достичь своей цели?