Estou tentando conseguir uma mesa com largura fixatds e largura variáveltds.

Estou usando o CSScalc() função, mas de alguma forma parece que eu não posso usar% em tabelas.

Então é isso que eu tenho até agora:

<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>

Como eu vejo isso, deve funcionar, mas não é.

Alguém sabe como resolver isso? Ou talvez tenha outra sugestão de como eu poderia alcançar meu objetivo?