Can you post the TablePress config/styling code you’re using in your page, and I can take a look at the formatting for you. Tablepress can be difficult to get the hang of if you’re a beginner.
Sure, this is the code from the ‘Custom CSS’
.tablepress-id-1 thead span {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
display: block;
height: 100px;
text-align: center;
}
.tablepress-id-1 .column-1 {
width: 65px !important;
}
.tablepress-id-1 .column-2 {
width: 95px !important;
}
.tablepress-id-1 .column-3 {
width: 35px !important;
}
.tablepress-id-1 .column-4 {
width: 35px !important;
}
.tablepress-id-1 .column-5 {
width: 35px !important;
}
.tablepress-id-1 .column-6 {
width: 35px !important;
}
.tablepress-id-1 .column-7 {
width: 35px !important;
}
.tablepress-id-1 .column-8 {
width: 35px !important;
}
.tablepress-id-1 .column-9 {
width: 35px !important;
}
.tablepress-id-1 .column-10 {
width: 35px !important;
}
.tablepress-id-1 .column-11 {
width: 35px !important;
}
.tablepress-id-1 .column-12 {
width: 35px !important;
}
.tablepress-id-1 .column-13 {
width: 35px !important;
}
.tablepress-id-1 .column-14 {
width: 35px !important;
}
.tablepress-id-1 .column-15 {
width: 35px !important;
}
.tablepress-id-1 {
table-layout: fixed;
width: 875px;
}
border-collapse: collapse;
td {
border: 1px solid;
}
#main .tablepress-id-1 .column-1,
#main .tablepress-id-1 .column-2,
#main .tablepress-id-1 .column-3,
#main .tablepress-id-1 .column-4,
#main .tablepress-id-1 .column-5,
#main .tablepress-id-1 .column-6,
#main .tablepress-id-1 .column-7,
#main .tablepress-id-1 .column-8,
#main .tablepress-id-1 .column-9,
#main .tablepress-id-1 .column-10,
#main .tablepress-id-1 .column-11,
#main .tablepress-id-1 .column-12,
#main .tablepress-id-1 .column-13,
#main .tablepress-id-1 .column-14 {
vertical-align: middle;
text-align: center;
}
#main .tablepress-id-1 .row-1 td {
font-weight: bold;
vertical-align: middle;
}
.tablepress thead th,
.tablepress tfoot th {
background-color: #f0f0f0;
}
Hi,
thanks for your post, and sorry for the trouble. Also, sorry for the long wait, but as I was on vacation, I did not have a chance to reply earlier.
Yeah, rotating text in table header cells is tricky, and I have not yet found a good solution. Most of the time, there will be positioning glitches like this, for which I haven’t yet found a fix 🙁 Sorry.
Regards,
Tobias
Thanks for the response Tobias.
I found a similar table that uses TablePress that seems to be fine, is there a way to figure out how it worked there? Here’s the link.
Hi,
that table suffers from the same general problem. It just seems that the heights match better. You could maybe try to find something in the “Custom CSS” that the page uses, see http://www.cleanroomconnection.com/wp-content/tablepress-custom.css or maybe try to find something using the Developer Tools in your browser (I recommend Google Chrome for that).
Regards,
Tobias
