Images in Chrome too small

Hi Paul,

thanks for your post, and sorry for the trouble. The reason for this is some CSS in your theme. To fix this, please add this CSS code to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress img {
  max-width: none !important;
}

Regards,
Tobias

That helped! Thank you very much!

Another problem I just recognized is that my table is so big (height), that you cant scroll sideways anymore. Only when you’re at the bottom of the table. Do you have any idea how to solve this and make it more user-friendly?

Thank you in advice!

Regards,
Paul

Hi Paul,

good to hear that this helped!

Unfortunately, I don’t really have ideas on what you could do here. The Horizontal Scrolling works fine, but there’s indeed just so much data in the table that the scrollbar might be hard to see at the bottom.
The only real thing that might help would be to reduce the font size or remove some content, I guess…

Regards,
Tobias

Hey Tobias,

Is it possible to let the horizontal scrollbar move while scrolling vertical? So that it is always on the screen. I hope you know what I mean ??

I once saw the table-head moving like this on a table. Have you tried/implemented this before?

Thanks in advice!

Regards,
Paul

Hi Paul,

well, there is an Extension to let the table header stay at the top of the page (see https://tablepress.org/extensions/datatables-fixedheader/ ) but I have no idea if that is possible with the scrollbar. Sorry ??

Regards,
Tobias

Hey Tobias,

Thanks for the extension, will use it I guess.

Oh, thats a pity … cause this would solve my problem. When you have time left some day, I would really appreciate when you can take a look at it. Sure, I don’t expect you to – just in case ?? Thanks in advice!

Regards,
Paul

Hey Tobias,

I installed the fixed-header extension, but now the header is completely fixed … so it doesn’t scroll to the right anymore. Any ideas how to solve this?

Link again: https://smartwatchboss.com/smartwatch-vergleich/

Thank you!

PS: I wasn’t sure if I should start a new topic for this.

Regards,
Paul

Hi Paul,

no new thread necessary, we can continue here.

I’m not really sure, but it might be possible that the Fixed Header add-on for DataTables (which I did not develop, but only turned into a TablePress Extension) does not support Horizontal Scrolling. You might therefore have to combine it with the Extension from https://tablepress.org/extensions/datatables-fixedcolumns/ but I can’t guarantee that that works ??

Regards,
Tobias

Hi,

I just remembered that we could also try to add Vertical Scrolling. For that, please change the “Custom CSS:

#tablepress-1_wrapper {
	overflow-x: auto;
	overflow-y: hidden;
}

to

#tablepress-1_wrapper {
	overflow-x: auto;
	overflow-y: auto;
	height: 200px;
}

Maybe that’s something that will work for your table?

Regards,
Tobias

Hey,

Thank you very much for your help Tobias!
I added vertical scrolling now. I think it’s the best we could for now, what do you think?
A flowing header would be great though. I looked at the “fixedcolumns”-extension, but couldn’t figure out how this should solve the problem with the “completely fixed” header.
I really appreciate any suggests.

Regards,
Paul

Hi Paul,

no problem, you are very welcome! ?? Good to hear that this helped!
Yes, I think this is the best that we can do here without major customizations to the JS lbraries (which I’m not capable of ?? ).

Regards,
Tobias