Table Width and Responsiveness Plugin

Resolved dmpub
(@dmpub)

2 years, 11 months ago
Hi, Tobias

As you can see, I have table ID 39 on this webspage, and I can’t get it to scroll.

In the short code on the page I have

[table id=39 responsive="scroll" /]

In the Plugin Options I have
```
.tablepress-id-39 .column-1,
.tablepress-id-39 .column-2,
.tablepress-id-39 .column-3,
.tablepress-id-39 .column-4,
.tablepress-id-39 .column-5 {
	width: 250px;
}

.tablepress-id-39 .column-6 {
	width: 350px;
}

.tablepress-id-39 .column-7 {
	width: 150px;
}
```
(these are not the widths I want, I just created them to force scrolling)

I have downloaded and activated your Responsiveness Extension. Yes, I know I will owe you some more money, just as soon as I can get it to work. 🙂

In the table settings, I have selected to use datatables and have tried with the option to enable horizontal scrolling both on and off, both with and without your responsiveness extension.

Nothing seems to get the table scrolling in either Firefox or Chrome on a Windows PC.

Help!

Many tks

David.

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author TobiasBg
(@tobiasbg)

2 years, 11 months ago

Hi,

thanks for your question, and sorry for the trouble.

I’m not sure that I can reproduce this. I just tried this in a narrow browser window and on the phone, and I can horizontally scroll that table…

Regards,
Tobias

Thread Starter dmpub
(@dmpub)

2 years, 11 months ago

Hi

Thanks for the fast answer. Yes, a phone works fine. But not on a PC.

Are you able to use Firefox or Chrome on a PC? I just tried it with Edge on a PC too and have the same problem.

Maybe I’m misunderstanding what the column width style attribute does? I want a minimum column width for each column as specified. So the total table width should be 1750 pixels, possibly more depending on how padding is handled. But I am seeing the entire table with smaller columns in as little as 800 pixels.

I hope this helps you better understand the challenge.

Tks

David.
Plugin Author TobiasBg
(@tobiasbg)

2 years, 11 months ago
Hi,

ok, now I understand. To forcefully increase the column width here, you’ll need slightly different CSS properties. (With just the width set, the browser doesn’t want to increase the table width, because technically everything can still fit with smaller widths.)
So, for every line of width: ... please also add
```
min-width: ...
```
with the same pixel value to the CSS. That should make the table wider then.

Regards,
Tobias
Thread Starter dmpub
(@dmpub)

2 years, 11 months ago

Hi, Tobias

Thank you, that is the extra step I needed and now that works well. There is now a new issue, but I’ll start a new thread.

Your help and your software is very much appreciated. I’ve sent you another small donation.

With thanks

David.

Plugin Author TobiasBg
(@tobiasbg)

2 years, 11 months ago

Hi David,

good to hear that this helped! And thanks for another donation, I really appreciate it!

Best wishes,
Tobias

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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Table Width and Responsiveness Plugin’ is closed to new replies.

Views