Equal columns in responsive table

  • Resolved Spielwiese

    (@spielwiese)


    8 years ago

    Hi Tobias,

    I’m using your responsive tablepress plugin.
    I tried to get equal columns in for the desktop table, so I used this CSS from the FAQ:

    .tablepress-id-N .column-2 {
    width: 100px;
    }

    But this code makes looking my mobile flip mode table terrible, so i added this code:

    .tablepress-id-1 td,
    .tablepress-id-1 th {
    height: 41px;
    }

    The mobile table does look ok now for a WP and CSS newbie like me, but now the columns in the desktop table aren’t eqaual again and the CSS code for columns doesn’t work.
    https://i.imgur.com/PXHytxA.png

    Can you help me with the correct CSS?

    Thank you in advance.

    Best regards
    Andi

    https://wordpress.org/plugins/tablepress/

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

    (@tobiasbg)

    8 years ago

    Hi,

    thanks for your post, and sorry for the trouble as well as for the late reply. I’ve been on holidays and therefore couldn’t reply earlier.

    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

    Thread Starter Spielwiese

    (@spielwiese)

    8 years ago

    Yes, you can take a look at the table here:
    http://www.apartments-mrsic.de/wordpress/?page_id=8

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years ago

    Hi,

    thanks for the link!

    From what I can see, you are only setting a height, but no widths at all (in the “Custom CSS”)?
    Something like

    .tablepress-id-1 td,
.tablepress-id-1 th {
	height: 41px;
}

    should work find here.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Equal columns in responsive table’ is closed to new replies.