ava71017

Thank you

Hello Tobias,

Thank you for your prompt reply again.

However, the tables still don’t show the top border after I uncheck the ‘table head row’ and add the CSS code:
.tablepress-id-28 .row-1 td { border-top: 1px solid #cccccc;}

Please see the relative img:
https://drive.google.com/file/d/1zfVB7vocb7ZxQ_Ef2WEcyWrF_rtCkrA8/view?usp=sharing

I would like to know if you have other solutions for me to add a top border on all the tables in Tablepress. Thank you.

Found out it’s because I didn’t check the ‘table head row’

Thank you (y)(y)

Hello Tobias,

I have another question after adding the code. I would like to save the border of the upper 2nd row empty box, I only want to make the left-down empty boxes group disappear. Is it possible to let my table look like the “ideal look row” in the scrrenshot below? Thank you.

screenshot of current/ideal look of the table:
https://drive.google.com/file/d/1CMPLjKKVneou60h-5b_ev2CAMbJzm75j/view?usp=sharing

Thank you Tobias! It works perfectly (y)(y)

• This reply was modified 5 years, 5 months ago by ava71017.

Hello Tobias,

Thank you so much for your prompt reply. I tried the settings, however, I still not able to make the table’s first raw fixed while scrolling.

I’m not sure if I get you wrong so it doesn’t work. The following is the new screenshot of the table setting. I had 1. removed all the #colspan# & #rowspan# & 2. uncheck the “Use DataTables” checkbox

Screenshot of the new table setting:
https://drive.google.com/file/d/169GJ-oMSNtiVeiyonGVK_r7FVGd6RGi5/view?usp=sharing

Would you please help me to check my new setting too? Thank you so much.

My current Custom CSS under the Plugin Options page is:

.tablepress thead th,
.tablepress tbody td {
border: 1px solid #cccccc;
}

.tablepress thead th,
.tablepress tfoot th {
background-color: #ffffff;
}

.tablepress-id-12 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-12 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-12 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-12 .row-1 {
font-weight: bold;
}

.tablepress-id-12 .column-1 {
font-weight: bold;
}

.tablepress-id-12 tbody td {
height: 20px;
}

.tablepress-id-12 .column-2 {
background-color: #ffffff;
}

.tablepress-id-12 .column-3 {
background-color: #ffffff;
}

.tablepress-id-12 .column-1 {
width: 180px;
}

.tablepress-id-12 .row-1 {
background-color: #ffffff;
}

.entry-content .tablepress-id-12 {
width: 60%;
margin: 0 auto 1em;
}

.tablepress-id-15 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-15 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-15 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-15 .row-1 {
font-weight: bold;
}

.tablepress-id-15 .column-1 {
font-weight: bold;
}

.tablepress-id-15 tbody td {
height: 20px;
}

.tablepress-id-15 .column-2 {
background-color: #ffffff;
}

.tablepress-id-15 .column-3 {
background-color: #ffffff;
}

.tablepress-id-15 .column-1 {
width: 180px;
}

.tablepress-id-15 .row-1 {
background-color: #ffffff;
}

.entry-content .tablepress-id-15 {
width: 60%;
margin: 0 auto 1em;
border: 1px solid #cccccc;
}

.tablepress-id-16 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-16 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-16 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-16 .row-1 {
font-weight: bold;
}

.tablepress-id-16 .column-1 {
font-weight: bold;
}

.tablepress-id-16 tbody td {
height: 20px;
}

.tablepress-id-16 .column-2 {
background-color: #ffffff;
}

.tablepress-id-16 .column-3 {
background-color: #ffffff;
}

.tablepress-id-16 .column-1 {
width: 180px;
}

.tablepress-id-16 .row-1 {
background-color: #ffffff;
}

.entry-content .tablepress-id-16 {
width: 60%;
margin: 0 auto 1em;
border: 1px solid #cccccc;
}

.tablepress-id-18 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-18 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-18 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-18 .row-1 {
font-weight: bold;
}

.tablepress-id-18 .column-1 {
font-weight: bold;
}

.tablepress-id-18 tbody td {
height: 20px;
}

.tablepress-id-18 .column-2 {
background-color: #ffffff;
}

.tablepress-id-18 .column-3 {
background-color: #ffffff;
}

.tablepress-id-18 .column-1 {
width: 180px;
}

.tablepress-id-18 .row-1 {
background-color: #ffffff;
}

.tablepress-id-18 .column-2 {
text-align: center;
vertical-align: middle;
}

.entry-content .tablepress-id-18 {
width: 46%;
margin: 0 auto 1em;
}

.tablepress-id-19 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-19 .row-1 {
background-color: #F8F8F9;
}

.tablepress-id-19 .column-1 {
font-weight: bold;
}

.tablepress-id-19 .row-1 {
font-weight: bold;
}

.tablepress-id-19 tbody td {
height: 20px;
}

.tablepress-id-19 .column-1 {
width: 100px;
}

.tablepress-id-19 .column-2 {
width: 150px;
}

.tablepress-id-19 .column-3 {
width: 150px;
}

.tablepress-id-19 .column-4 {
width: 150px;
}

.tablepress-id-19 .column-5 {
width: 150px;
}

.tablepress-id-19 .column-6 {
width: 150px;
}

.tablepress-id-19 tbody td,
.tablepress-id-19 thead th {
text-align: center;
vertical-align: middle;
}

.tablepress-id-20 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-20 .row-1 {
background-color: #F8F8F9;
}

.tablepress-id-20 .column-1 {
font-weight: bold;
}

.tablepress-id-20 .row-1 {
font-weight: bold;
}

.tablepress-id-20 tbody td {
height: 20px;
}

.tablepress-id-20 .column-1 {
width: 100px;
}

.tablepress-id-20 .column-2 {
width: 150px;
}

.tablepress-id-20 .column-3 {
width: 150px;
}

.tablepress-id-20 .column-4 {
width: 150px;
}

.tablepress-id-20 .column-5 {
width: 150px;
}

.tablepress-id-20 .column-6 {
width: 150px;
}

.tablepress-id-20 tbody td,
.tablepress-id-20 thead th {
text-align: center;
vertical-align: middle;
}

.tablepress-id-21 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-21 .row-1 {
background-color: #F8F8F9;
}

.tablepress-id-21 .column-1 {
font-weight: bold;
}

.tablepress-id-21 .row-1 {
font-weight: bold;
}

.tablepress-id-21 tbody td {
height: 20px;
}

.tablepress-id-21 .column-1 {
width: 100px;
}

.tablepress-id-21 .column-2 {
width: 150px;
}

.tablepress-id-21 .column-3 {
width: 150px;
}

.tablepress-id-21 .column-4 {
width: 150px;
}

.tablepress-id-21 .column-5 {
width: 150px;
}

.tablepress-id-21 .column-6 {
width: 150px;
}

.tablepress-id-21 tbody td,
.tablepress-id-21 thead th {
text-align: center;
vertical-align: middle;
}

.entry-content .tablepress-id-21 {
width: 60%;
margin: 0 auto 1em;
}

.tablepress-id-25 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-25 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-25 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-25 .row-1 {
font-weight: bold;
}

.tablepress-id-25 .column-1 {
font-weight: bold;
}

.tablepress-id-25 tbody td {
height: 20px;
}

.tablepress-id-25 .column-2 {
background-color: #ffffff;
}

.tablepress-id-25 .column-3 {
background-color: #ffffff;
}

.tablepress-id-25 .column-1 {
width: 180px;
}

.tablepress-id-25 .row-1 {
background-color: #ffffff;
}

.entry-content .tablepress-id-25 {
width: 54%;
margin: 0 auto 1em;
border: 1px solid #cccccc;
}

.tablepress-id-26 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-26 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-26 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-26 .row-1 {
font-weight: bold;
}

.tablepress-id-26 .column-1 {
font-weight: bold;
}

.tablepress-id-26 tbody td {
height: 20px;
}

.tablepress-id-26 .column-2 {
background-color: #ffffff;
}

.tablepress-id-26 .column-3 {
background-color: #ffffff;
}

.tablepress-id-26 .column-1 {
width: 180px;
}

.tablepress-id-26 .row-1 {
background-color: #ffffff;
}

.entry-content .tablepress-id-26 {
width: 54%;
margin: 0 auto 1em;
border: 1px solid #cccccc;
}

.tablepress-id-27 .row-1 {
background-color: #Ffffff;
}

.tablepress-id-27 .row-2 {
background-color: #Ffffff;
}

.tablepress-id-27 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-27 .column-1 {
font-weight: bold;
}

.tablepress-id-27 tbody td {
height: 20px;
}

.tablepress-id-27 .column-2 {
background-color: #ffffff;
}

.tablepress-id-27 .column-3 {
background-color: #ffffff;
}

.tablepress-id-27 .column-1 {
width: 180px;
}

.tablepress-id-27 .row-1 {
background-color: #ffffff;
}

.entry-content .tablepress-id-27 {
width: 54%;
margin: 0 auto 1em;
border: 1px solid #cccccc;
}

.tablepress-id-28 .column-1 {
background-color: #F8F8F9;
}

.tablepress-id-28 .column-5 {
background-color: #F8F8F9;
}

.tablepress-id-28 .row-1 {
background-color: #F8F8F9;
}

.tablepress-id-28 .column-1 {
font-weight: bold;
}

.tablepress-id-28 .column-5 {
font-weight: bold;
}

.tablepress-id-28 .row-1 {
font-weight: bold;
}

.tablepress-id-28 tbody td {
height: 20px;
}

.tablepress-id-28 .column-1 {
width: 100px;
}

.tablepress-id-28 .column-2 {
width: 150px;
}

.tablepress-id-28 .column-3 {
width: 150px;
}

.tablepress-id-28 .column-4 {
width: 150px;
}

.tablepress-id-28 .column-5 {
width: 100px;
}

.tablepress-id-28 .column-6 {
width: 150px;
}

.tablepress-id-28 .column-7 {
width: 150px;
}

.tablepress-id-28 tbody td,
.tablepress-id-28 thead th {
text-align: center;
vertical-align: middle;
}