column width problem

Resolved germainmalenfant
(@germainmalenfant)

9 years, 10 months ago

Hi, my table is wide and I installed DataTables FixedColumns plugin to allow scrolling.

my problem is that columns are very narrow:

https://www.searchevolution.com/gps/gps-nuvi.html

I tried fixing with specifying width in tag:

[table id=11 column_widths=”100px” datatables_fixedcolumns=”left” /]

but this doesn’t change anything.

I tried with

.tablepress-id-11 .column-1,
.tablepress-id-11 .column-2,
.tablepress-id-11 .column-3,
.tablepress-id-11 .column-4 {
width: 300px;
}

didn’t work.

disabled caching too…

So, I ask help.

thanks in advance, Germain

https://ww.wp.xz.cn/plugins/tablepress/

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

Thread Starter germainmalenfant
(@germainmalenfant)

9 years, 10 months ago

I fixed it myself with this custom css

.tablepress-id-11 {
table-layout: fixed;
}

.tablepress-id-11 th {
white-space: nowrap;
}

.tablepress-id-11 .column-1,
.tablepress-id-11 .column-2,
.tablepress-id-11 .column-3,
.tablepress-id-11 .column-4,
.tablepress-id-11 .column-5,
.tablepress-id-11 .column-6,
.tablepress-id-11 .column-7,
.tablepress-id-11 .column-8,
.tablepress-id-11 .column-9,
.tablepress-id-11 .column-10,
.tablepress-id-11 .column-11,
.tablepress-id-11 .column-12,
.tablepress-id-11 .column-13,
.tablepress-id-11 .column-14,
.tablepress-id-11 .column-15,
.tablepress-id-11 .column-16,
.tablepress-id-11 .column-17,
.tablepress-id-11 .column-18,
{
width: 300px !important;
}

Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 10 months ago

Hi,

nice find! Yes, this should work fine.

Regards,
Tobias

lcappiello
(@lcappiello)

9 years, 10 months ago

I tried the above but it does not seem to be changing my column widths. my website http://theperfectcut2.net/services/salon_services/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
I tried also the below and it did not change anything. I need to have column 2 closer to column 1 so you can see the prices for each service better.

.tablepress-id-1 .column-1 {
width: 50px; !important;
}

.tablepress-id-1 .column-2 {
width: 100px; !important;
}

Any thoughts??
Thank you Lisa
Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 10 months ago
Hi Lisa,

please try adding it like this:
```
.tablepress-id-1 {
  width: auto;
}

.tablepress-id-1 .column-1 {
  width: 50px !important;
}

.tablepress-id-1 .column-2 {
  width: 100px !important;
}
```
(Note that you had extra semicolons ; in your code, which I removed.)

Regards,
Tobias
lcappiello
(@lcappiello)

9 years, 10 months ago

perfect thank you!

Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 10 months ago

Hi,

no problem, you are very welcome! 🙂 Good to hear that this helped!

Best wishes,
Tobias

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

narendralath
(@narendralath)

9 years, 1 month ago

Hi!

I’ve got a table with 7 columns. Each row in the last column has a button that redirects to another page.

The first column is taking up most of the space on the page while the rest of the coulmns are stuffed towards the end.

I have used no extra CSS or HTML within the table cells or in the “Plugin Options”

Any help in the right direction would be great!

Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 1 month ago

Hi narendralath,

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias