Board Thread:Support Requests - Designing Your Wiki/@comment-26041001-20171220214222

Hi there, I am working on styling a table with CSS as seen here: http://onmyoji.wikia.com/wiki/Template:StatBox/Draft

The CSS in question is:

For a clearer representation of where the columns and rows are, the same table using the mw-datatable class: http://onmyoji.wikia.com/wiki/Template:StatBox/Draft2

I am individually setting the alignment and widths according to the table's rows and columns, but as can be seen from Firefox's Style Editor for the last two tables on the first link, the column numbers end up changing due to the colspans, and ruins the styling.

Is there anyway to make this work other than adding in extra columns? 