Column width inconsistent

Greetings,

I am having trouble adjusting column width for my tables.
Here is an example: http://vulkk.com/test
What am I missing or should change so that the empty space both in the header and table body is equal. The issue is most visible in the last table on this page. I don’t need all columns to have equal width, but prefer them to adjust depending on the contents of the header and boady (whichever is wider/longer). Also, if possible, I want one setting that would work for all tables, so I don’t have to add new CSS lines every time I add a new table with a unique ID.

Below I am sharing the contents of the Custom CSS field in the Plugin Options tab.

.tablepress td,
.tablepress th {
text-align: center;
}
.tablepress tbody td {
color: #ffffff;
}
.tablepress .odd td {
background-color: #4f4f4f;
}
.tablepress .even td {
background-color: #3f3f3f;
}
.tablepress .row-hover tr:hover td {
background-color: #9b9999;
}
.tablepress thead th,
.tablepress tfoot th {
background-color: #ffcc00;
color: #000000;
}
.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
background-color: #ffe891;
}
.tablepress,
.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
border: none;
}

• This topic was modified 8 years, 12 months ago by vulkk.