Table Columns

Hi,

thanks for your question, and sorry for the trouble.

The reason for this is some CSS in your theme. To override that, please change the “Custom CSS” chunk

.tablepress .column-1 {
  width: 100%;
}

that you currently have, to

.tablepress th,
.tablepress td {
	min-width: auto;
}

Regards,
Tobias

that still hasn’t worked. i now have the option of scrolling to see the additional columns, where as i want to see them all together with the columns made thinner….

Hi,

ok, we need to raise the priority. Please try again with

.tablepress th,
.tablepress td {
	min-width: auto !important;
}

Regards,
Tobias

Perfect!!!! the table all fits on the page but doesnt use the full width, how can i change this please?

• This reply was modified 5 years ago by barritwinn.

https://leytonorientprogrammes.com/leaguetable/2018-19/

https://leytonorientprogrammes.com/seasonstats/2018-19/

https://leytonorientprogrammes.com/1990-91/

these are the tables that don’t stretch the full width.

also the headers are center.

this is my full custom css

.tablepress th,
.tablepress td {
min-width: auto !important;
}

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

.catalog-ordering {
display: none;
}

.tablepress th {
color: #ffffff;
}

.tablepress th,
.tablepress td {
border: 1px solid #000000;
}

#content .tablepress {
width: auto;
}

.tablepress td,
.tablepress th {
text-align: center;
}

#content .tablepress {
width: auto;
}

#content .tablepress th,
#content .tablepress td {
padding: 18px;
}

.tablepress thead th {
padding: 8px 20px 8px 8px !important;
}

.tablepress tbody td {
padding: 8px !important;
}

.tablepress thead th,
.tablepress tbody td {
font-size: 15px;
text-align: center;
}

.tablepress thead th,
.tablepress tbody td {
white-space: nowrap;
}

Hi,

please replace the CSS chunk (attention, you even have it twice!)

#content .tablepress {
  width: auto;
}

with

#content .tablepress {
  width: 100%;
}

(but keep it just once).

Regards,
Tobias

Thanks

.tablepress th,
.tablepress td {
min-width: auto !important;
}

Has a ! On the left. Is it missing any text ?

Hi,

no, it’s more that most browser prefer a different default value. Can you try changing the command to

min-width: 0 !important;

?

Regards,
Tobias

Works perfectly!!!

Thanks so much!!!

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

see new post.

• This reply was modified 5 years ago by barritwinn.

Hi,

thanks, will do!

Best wishes,
Tobias