column width problem

  • Resolved germainmalenfant

    (@germainmalenfant)


    8 years, 4 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://www.ads-software.com/plugins/tablepress/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter germainmalenfant

    (@germainmalenfant)

    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 TobiasBg

    (@tobiasbg)

    Hi,

    nice find! Yes, this should work fine.

    Regards,
    Tobias

    I tried the above but it does not seem to be changing my column widths. my website https://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 TobiasBg

    (@tobiasbg)

    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

    perfect thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    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!

    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 TobiasBg

    (@tobiasbg)

    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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘column width problem’ is closed to new replies.