Support » Plugin: TablePress - Tables in WordPress made easy » High of rows on responsive table (phone)

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    For this, you’d have to set the height of the rows, e.g. with “Custom CSS” like

    media (max-width:767px){
    	.tablepress-id-3 .column-2 {
    		height: 100px;
    	}
    }

    for each affected row.

    A better solution might therefore be to use horizontal scrolling without the flipping, via https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

    Regards,
    Tobias

    Thread Starter malishka67

    (@malishka67)

    Hi Tobias,

    thank you for your fast reply!

    It will be better for me, if I can fit the height automatically, because I have lot of tables on my website.

    I just found some example of tablepress which can also be a good solution for big tables (vertically scrolling):

    Table on desktop: http://www.screencast.com/t/T1J5okyAxtm1
    Table on phone: http://www.screencast.com/t/nXJpaAoZP

    Is there some code that I can have it on the same way?

    Thank you very much for your help!

    Regards,
    Zoja

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    that site from your screenshot is also using TablePress, and their responiveness solution is also based on CSS, from what I can see. I’m not too familiar with that approach, but you’ll probably just have to replicate the “Custom CSS” that they are using, see their style.css CSS file.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘High of rows on responsive table (phone)’ is closed to new replies.