Expanded display not showing all columns

  • Resolved andynz

    (@andynz)


    1 year, 2 months ago

    Hi Tobias, can you suggest a solution to this problem.

    When displayed on a narrow screen (say 400px), only three columns (year, agenda, nominations) are visible and other columns (motions, reports, minutes) are hidden. This is all as expected.
    If I expand (green cross) only two columns (year, agenda) are visible and previously hidden columns (motions, reports, minutes) are displayed below.

    However, the Nominations column is no longer visible and neither is it displayed below with the previously hidden columns.
    Note that white-space: nowrap is set for the entire table and the problem goes away if this is removed.

    I have not noticed this condition on any other table and wonder if it due to the lengthy data in some of the cells.

    Any ideas? Otherwise I will take out the nowrap.

    Regards

    Andy

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Yes, this is caused by the white-space: nowrap; as far as I can tell. The expanded rows will then show the long content in one line of text, which extends beyond the right edge of the screen, thus pushing the content to the right.

    You could maybe try making the table scrollable in that case (by turning on the “Horizontal Scrolling” checkbox on the table’s “Edit” screen), but it might be cleaner to just remove the white-space: nowrap;. Or, if you want to keep it for normal cells, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    table#tablepress-branch-agm-reports .child > .child {
    white-space: normal;
}

    That would turn that off again for the expanded cells, but leave it active for the normal table cells.

    Regards,
    Tobias

    Thread Starter andynz

    (@andynz)

    Thanks Tobias, for going the extra mile with a solution, as always.
    Your suggested CSS is a good compromise.
    Andy

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Expanded display not showing all columns’ is closed to new replies.