Rightmost Table Column Overflowing Page

Hi Robert,

tables respond to the data you have in them – this is possibly why it’s different with more users. If one record on a page has wider data that on a previous page, depending on what your theme’s table css says, the table may overflow.

Since you determine the number of columns and the type of data in them and thus how wide the table needs to be and since every theme has a different page width, the plugin cannot offer a 100% safe css solution for all situations.

It sounds like you need to adjust the css to your theme. Possibly setting a max table width ? You may also want to tailor column widths, maybe add some css to make the table responsive. The plugin html offers lots of selectors to give you max flexibility.

You may also want to add an opaque background to the table css to make it more visible if you are going to let it overflow. Some folks would rather the table overflowed, than that it gets squashed.

Some posts that may help:
https://wpusersplugin.com/3299/amr-users-css-html-and-styling/
https://wpusersplugin.com/3789/adding-custom-css-to-a-wordpress-website-for-plugin-html/

see tips on coping with a wide table:
https://icalevents.com/2685-long-urls-in-event-content/

Thank you for the fast response.

I’ve looked at the user list display again and I believe the table is being displayed correctly. I only have 6 columns in the table. What appears to be happening is the page control is overlaying the right-side of the page instead of being below the table. This probably didn’t occur before because I had the pagination set to 20 and only had 15 test users in the site so all the users fit on a single page. Now that I have 139 users in the site, the plugin is attempting to paginate and the page navigation is ending up in the wrong place (probably because of the theme – Box Plus w/ Child theme.

My guess is that you are using a widget to do the page navigation. Is there a way to force the page control to appear below the table? I’ll also experiment with the theme to see what else I can discover.

Lol – no it’s not a widget.

If you want some help with the CSS post a link to the page.

On these examples pagination generally appears ok
https://directories.wpusersplugin.com

Possibly your theme CSS is affecting it?

That’s my guess as well at this point. I’ve set the rows to 200 so it doesn’t paginate until I can figure out why the page controls are showing up correctly. Thanks.