Column width in Tablepress going more than page

Hi,

thanks for your post, and sorry for the trouble.

To be honest, I can’t really see why the table is expanding this wide on your site…

Instead of directly importing the .xlsx file, could you please save the table to a .csv file in Excel and try again with that?
If that does not help, can you please try again with a different theme (like Twenty Nineteen) to see if that makes a difference?

Regards,
Tobias

here is what the twety nineteen theme looks like

https://test.demkor.com/test/

changing to csv import didn’t change anything.

Hi,

ah, for TwentyNineteen, we need a CSS fix first. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress th,
.tablepress td {
  word-break: normal;
}

However, I already suspect that the original issue will then not appear here (i.e. the table won’t be incredibly wide). I therefore assume that something in your site’s theme is causing the original problem.

Regards,
Tobias

ok i did that
now the twenty nineteen has same issue

https://test.demkor.com/test/

Hi,

ah, ok. Now I see ??

The problem most likely is caused by those super-long URLs with their very long query strings. The browser basically treats these as one very-long word, as they don’t have too many hyphens in them (where the browser could add word-wrapping).

Then actually,

.tablepress th,
.tablepress td {
	word-break: break-word;
}

might be something to try with the original theme.

The best solution however would be to turn those super-long URLs into clickable links with a short link text, using HTML code.

Regards,
Tobias

Looking much much better, but have some texts that still look weird.
Columns are good though.

https://prnt.sc/pqaouq

and also filters are showing really weird
https://prnt.sc/pqas51

Hi,

you could try again with

.tablepress th,
.tablepress td {
	word-break: break-all;
	min-width: 120px;
}

For the filters, you could add

.column-filter-widget select {
  width: 200px;
}

Regards,
Tobias