Any way to synchronize table column widths with HTML + CSS?

Question

I have a number of tables with the same columns and it would look a lot nicer if they shared the same column widths. Is such a thing possible? Putting them in the same tab

Answer 1

It's only possible if you can fix-width the columns. If you can set a fixed width then some css like this should work:

td {
    width: 25%;
}

You can customize each columns width like this:

  

    
...
    
...
  

...

  

    
...
    
...
  

and then specify the widths like this:

.col1 {
   width: 25%;
}
.col2 {
   width: 75%;
}