Używanie calc () z tabelami

Próbuję uzyskać tabelę o stałej szerokościtds i zmienna szerokośćtds.

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?

questionAnswers(2)

yourAnswerToTheQuestion