Column and width alignments

  • Resolved baldtel

    (@baldtel)


    3 years, 10 months ago

    I have placed all of my tables on one page to see how they are all looking, although normally, they all live across different pages

    The only CSS I have in the custom CSS area is for the color of the headers of the tables.

    But on my URL I have many tables and there are issues with all of them.

    • table 1 seems fine
    • table 2 – second column is squashed. 1st and 2nd headers squashed
    • table 3 – header is not aligned with body of table. I’m also not sure now to make the table span 100% width of content area
    • table 4 – same as 3
    • table 5 – headers are squashed
    • table 6 – same as 3 and 4, header is misaligned and the colums are squashed because they are not fullwidth
    • table 7 – is the same as 3,4 and 6

      • I thought the tables were also responsive, but looking on my phone. the first table looks a mess and the others, even-though they are a lot better, are still squashed.

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To fix these issues, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
    word-break: normal;
}

    This will fix the “mess” that you are seeing, which is caused by the word-breaking that is added by your theme.

    Then, for the tables with misaligned headers: This can happen with the Horizontal Scrolling feature. As a fix, and as that’s the only feature that you selected for these tables, I recommend to replace that with a Horizontal Scrolling implementation that does not use JavaScript. To do that, please uncheck the “Horizontal Scrolling” and the “Use DataTables” checkboxes on the tables’ “Edit” screen. Then, install the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ and use its scroll mode for these tables.

    Regards,
    Tobias

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