Estoy tratando de conseguir una mesa con ancho fijotds y ancho variabletds.

Estoy usando el CSScalc() función, pero de alguna manera parece que no puedo usar% en las mesas.

Así que eso es lo que tengo hasta ahora:

<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 lo veo, debería funcionar, pero no lo es.

¿Alguien sabe como resolver esto? ¿O tal vez tiene otra sugerencia de cómo podría alcanzar mi meta?