Largeur de la colonne du tableau lorsque l'argument rowspan et table-layout sont fixes

Question

Je suis bloqué par la fixation de la largeur de la deuxième colonne de ma table html.

Voici une printscreen de ma table:

est sous le code CSS:

#RevenueMTable tbody, #RevenueMTable thead { 
display: block; 
} 

#RevenueMTable { 
    width: 1115px; 
    table-layout: fixed !important; 
} 

#RevenueMTable tbody td:first-child 
{ 
    width: 138px !important; 
} 

#RevenueMTable tbody td:not(:first-child) 
{ 
    width: 72px !important; 

} 

#RevenueMTable tbody 
{ 
    overflow: auto; 
    height: 400px; 

} 

Le problème est que ma première colonne a une rowspan de 4 lignes. Par conséquent, par exemple, la cellule contenant "COST" est le premier élément TD dans l'étiquette de rangée et est donc également appliquée à une largeur de 138px, bien qu'elle soit considérée comme la deuxième colonne.

Comment puis-je résoudre ce problème?

I Tried application largeur de la définition de la colonne comme suit, mais ne fonctionne pas non plus:

$('<col style="width:138px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"> <col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px"><col style="width:72px">').insertBefore($("#RevenueMTable thead")) 

Answer 1

Vous avez déjà des cours sur vos éléments de TD. Vous pouvez cibler la colonne directement en utilisant ceux-ci. J'ai changé l'ordre des règles afin qu'elles se substituent correctement en fonction de la spécificité.

#RevenueMTable tbody td 
{ 
    width: 72px !important; 

} 

#RevenueMTable tbody td.column0 { 
    width: 138px !important; 
} 

Answer 2

#RevenueMTable tbody td:nth-child(2) 
    { 
     width: 72px !important; 
    }