Controlling cell dimensions

  • Resolved Allen_Crawford

    (@allen_crawford)


    11 years, 6 months ago

    In a development site, we are using Tablepress. The website is based upon RWD. We have tried adding images as one of the columns in a table. This works well until we resize the screen to a smaller size. The table then swaps the rows to become columns and the columns to become rows – no problem with that. The problem now becomes twofold:

    a. The row with the images are different heights between the columns so the rows no longer align as you scroll horizontally
    b. The row with the images has a varies in height (width).

    This leads me to two questions:

    1. Is there a way to force the rows to align? (and to ensure the row labels align with each row?)

    2. How can one ensure that all the cells with the images in them are of the same dimension?

    Thanks,

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

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

    (@tobiasbg)

    11 years, 6 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The swapping of rows and columns that you mention is coming from the TablePress Responsive Tables Extension, or are you using something else for this?

    Due to how this swapping works, it’s not really possible for the browser to determine the required size for the table cells that have images. You will therefore have to set those manually, using some CSS that uses a CSS Media Query that detects that the table is shown on a small screen (similar to that that the Responsive Tables Extension uses itself).

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Controlling cell dimensions’ is closed to new replies.