Column Widths

  • Resolved ganaxi

    (@ganaxi)


    10 years, 3 months ago

    Hi Tobias:

    I have used the column widths on my Tables using the Custom CSS code you provided in the support forum, namely of the kind, e.g.,

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

    Using the above method, I have given the ten columns in the table on the page,
    https://www.gurufundpicks.com/realtime13dg-technology
    column width of —
    100, 50, 70, 100, 60, 100, 75, 70, 60, 110 resp.

    However, when I load the page, it seems to load correctly with those widths, but when it finishes loading, it reformats and displays widths completely different than what I indicated, as above.

    Furthermore, I tried this in three browsers, Chrome, IE and Safari, and they all have widths different than indicated above, and they are different between the three.

    I really need to get the display right. Can you help?

    Best,

    Ganaxi

    https://www.ads-software.com/plugins/tablepress/

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is pretty tricky, unfortunately. Mainly, the issue is likely related to the horizontal scrolling as well. Due that, the DataTables JS library has to make calculations for the column widths and set them based on the results. This can lead to some weirdness like this, I’m afraid ??
    Unfortunately, I don’t really know how to fix this. One idea could be to use a different kind of horizontal scrolling, namely the approach from https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Column Widths’ is closed to new replies.