Table Width

Great, thanks, Tobias! That code worked just fine for me.

However, I now have several different pieces of code in Plugin Option > Custom CSS. It would really help if I could add a comment above each code snippet to confirm what that particular piece of code does. So I tried using the HTML <!--...--> tag to create a few comments, but it messed up my table.

Is there some other way I could add comments above my code snippets. Should I just not use the <!--...--> tag?

Hi Jim,

great to hear that the code worked!

And yes, you can add comments to the CSS code. You must not use the HTML style <!--...--> comments though, as that’s HTML and not CSS. In CSS, a comment looks like this:

/* I'm a comment. */

So, just comment your CSS like in this example:

/* Changes the background of the header cell in the first column of table 1 */
.tablepress-id-1 thead .column-1 {
	background-color: #ffff00;
}

Regards,
Tobias

Thanks very much, Tobias, you are great about providing help here. Which is why I just went to the TablePress Make A Donation page and donated. Keep up the great work!

Hi Tobias . . . for a given table, when I fill the boxes for “Use Data Tables” and “Search Filtering”, a search box just above the table. Is it possible for me to revise the text that appears the left of that box? I’d like it to say “Search This Table”. THANKS!

Hi Jim,

first: Thanks a lot for the donation, I really appreciate it!

And yes, changing that “Search” string is no problem. Please take a look at the TablePress Extension at https://tablepress.org/extensions/change-datatables-strings/ By copying the language file that contains these strings, this Extension allows you to change them as desired.

Regards,
Tobias

Hi Tobias,

I installed into my site’s wp-content/plugins folder a new folder named tablepress-change-datatables-strings, which includes the two files I downloaded from the page linked in your last message.

In the lang-en_US.js file, I changed:
"sSearch": "Search:", to
"sSearch": "Filter Table:",

But above my site’s TablePress tables still say “Search” at the top, beside the search bar. Suggestions? Thanks.

Hi Jim,

did you activate the new plugin on the “Plugins” screen in your WordPress admin area?

Regards,
Tobias

Hi Tobias,

I hadn’t activated it before sending you that message, but as soon as I did, the revised text appeared to the left of the search box. That was easy!

thanks,
— Jim

Hi Jim,

that’s explains why it wasn’t working directly then. Great that this was so easy ??

Best wishes,
Tobias

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

Tobias,

Thanks for all the support. I migrated from WP Table Reloaded to Table Press, too, although I’ve used the styles plugin you put on your website because I liked the old format better ??

However, the second table on this page is too wide. This has not happened under the old plugin, so not sure what to do. I’ve read this thread, but none of the replies seem to be on point.

Thanks

https://www.footballperspective.com/are-the-super-bowl-winning-qbs-getting-worse/

Actually, I enabled horizontal scrolling and now it works. Was that a default on the old plug-in?

Still, though, is there a way to get the whole table on the page without horizontal scrolling? Or are there just too many columns?

Hi,

thanks for your question! Great to hear that you migrated! ??

About the table width: Yes, you simply have too much information in the for it to fit on the page. You would have to reduce the font size or padding to make it fit, but that would look ugly.
About the differences to WP-Table Reloaded: No, WP-Table Reloaded did not have the Horizontal Scrolling, but it did have a worse handling of the sort arrows: In WP-Table Reloaded, in wide tables, the sort arrows could overlap the text in the header cells. This is no longer the case in TablePress (even in the WP-Table Reloaded Styling Extension), and that’s the reason why the table appears slightly wider than in WP-Table Reloaded.

The Horizontal Scrolling is probably the best choice for your table, if you want to keep all columns.

Regards,
Tobias

Thanks Tobias. Appreciate the feedback. Two notes:

1) You’re right about the sort arrows overlapping the text. That always kind of annoyed me, so I think this is an improvement.

That gave me an idea: I disabled the sorting option, and now the table appears without the horizontal sidebar. I think that’s better.

However….

2) I dunno if it’s because my old tables were in WP-Table Reloaded, but for example, here is a big table I had awhile ago:

https://www.footballperspective.com/checkdowns-career-receiving-stats-in-wins-and-losses/

In that post, the table does fit everything and doesn’t use horizontal scrolling (again, the table I showed you earlier was made today using the new plugin). It looks like instead, it made the Player and Team columns narrow, so most of those rows now have to be bigger because the text wraps onto a second line.

Is that an option I could use in the new plugin? Hope my question makes sense.

Hi,

no problem, you’re very welcome for the feedback!

Great to hear that you like the improvement about the overlapping sort arrows!

And yes, disabling sort will shrink the table, as the sort arrows will no longer be in the cells. (This will however only be the case, if the table head cell plus the sort arrow are the determining factor (i.e. the longest/widest content) in a column, which is the case in your table.)

About 2): You are right, everything fits there, because the browser simply word-wrapped the contents of the Player and Team columns, i.e. at places where they have a space or hyphen, it inserts a line break. In the tables from your first post, this is not possible, as those don’t contain content where the browser could add such a line break automatically. Thus, there’s nothing really where the browser could wrap the text into two lines.

Regards,
Tobias

Thanks. Great response!