Table formating and automatic calculations

[Ascariel1984]

Dear community, I want to create a custom Warhammer layout for me and my friends and have some troubles with the last steps and was hoping to get some advice here, since I am a beginner in css and js.

What it currently looks like:

What I am trying to achieve:
I have a custom css snippet for Obsidian where I formated my character sheets like this:

But I cannot seem to figure out how to do this for Fantasy Stablocks, the th, tr, nth child,... does not seem to work for me there.

As a big goal, I would like to add another table list to keep track of the skills, which are a result of the skill advances and the governing attribute.

Example: I put 10 advances in climb, which uses strength (S) so the total should automatically calculate from the above table Strength (S=40) plus the Climb advances (10), so total would be 50. For this I need js right?

It should look similar to this

I am not sure how to have multiline tables. Is that possible with your plugin?