How to adjust column widths for table editor

Hi,

thanks for your post, and sorry for the trouble.

For that, you can use a TablePress Extension: https://tablepress.org/extensions/input-field-size/

Regards,
Tobias

Thank you, Tobias!

I noticed that even though I increased the cell height it didn’t change until I clicked on a cell. So that I can see all the data in my cells without having to click on a cell I changed

#edit-form-body .focus td

to

#edit-form-body td, #edit-form-body .focus td

and adjusted the height accordingly.

It would be great in future versions to be able to adjust the width of specific columns so that those that don’t need as much space don’t use as much space on the screen as columns with more data.

At a recent WordPress Meetup here in Chicago several of us agreed that you have a very helpful plugin. Keep up the good work! Another donation is on its way!

Fran

Hi Fran,

Yes, with the .focus selector in the CSS that would only change the height when clicking a cell, so extending the CSS as you did is perfectly fine and correct ??

Setting the widths for individual columns is also possible with some CSS in that file:

.tablepress-edit-screen-id-123 #edit-from-body td:nth-child(3) {
  width: 100px;
}

That would change the width of the first column (the 3 in nth-child(3) because there are two extra columns used only by TablePress) of table 123.
Doing this in the plugin directly is not really possible, as there are no directly usable JS functions for this.

Great to hear that Chicago likes the plugin so much! ?? And thanks for the donation, I really appreciate it!

Best wishes,
Tobias

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

Hi Tobias,

Regarding setting the widths for individual columns:

1. Instead of #edit-from-body I think you mean #edit-form-body.

2. Also what would you use instead of .tablepress-edit-screen-id-123 to have the column width change apply to all tables for editing? I tried .tablepress-edit-screen, but that didn’t work.

Thanks for your help!
Fran

Hi Fran,

yes, #edit-form-body of course… Sorry for the typo.

To change the width for a single column for all tables, just leave that .tablepress-edit-screen-id-123 part out.

Regards,
Tobias