• Resolved Andrew Leonard

    (@andrewleonard)


    I have changed host recently and I think something has gone a bit wrong
    I think we used to have something that transposed this table but it does not seem to work anymore
    It maybe I have cocked something up

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The TablePress Extension from https://tablepress.org/extensions/responsive-tables/ offers a flip mode that would transpose tables. Could that have been it? (You might be able to see that by looking at the table Shortcode when editing that page.)

    Regards,
    Tobias

    Thread Starter Andrew Leonard

    (@andrewleonard)

    This is what I have coded
    [table id=156 responsive=flip filter="Apple Court||Cultivar Name" table_head=false first_column_th=true / ]
    This is the page
    It does not seem to work
    I think last time we did it with a filter?
    To be clear this is what used to be coded
    [table id=156 filter="Apple Court||Cultivar Name" table_head=false first_column_th=true / ]

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ok, so you have installed and activated that TablePress Extension. Can you please check that

    [table id=156 responsive=flip filter="Apple Court||Cultivar Name" table_head=false first_column_th=true / ]
    

    is really the Shortcode on that page? Please also try adding the parameter

    responsive_breakpoint=all
    

    then.

    Regards,
    Tobias

    Thread Starter Andrew Leonard

    (@andrewleonard)

    Have a look

    Is there anyway we can get the whole table to fit in the space, so that the description can go over 2 lines, without the scroll bar?

    This is the current code
    [table id=156 responsive=flip responsive_breakpoint=all filter="Apple Court||Cultivar Name" table_head=false first_column_th=true / ]
    and this is the CSS:

    .tablepress-id-156 .column-1 {
    	font-weight: normal;
    	text-transform: none;
    	border-top: 1px solid #cccccc;
    }
    
    .tablepress-id-156 .row-1 .column-1 {
    	border-top: none;
    }
    
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    not really. Due to how the flip mode works, it tells the browser to not add automatic line breaks into the text (so that it is horizontally scrollable). If we change that, the labels on the left would however no longer match the content on the right (i.e. different row heights). This again would mean that you’d have to add CSS for the row heights to every affected table…

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Transposing tables’ is closed to new replies.