responsive breakpoint/breakdown feature for table ROWS

  • Resolved 123afm

    (@123afm)


    3 years ago

    I need to be able to create Breakpoints/ Expand function for ROWS – not COLUMNS.
    As an example: I want to initially show 4 ROWS (Heading, plus 3 rows with my top 3 product picks) – at the end of row 3 the user should be able to click on a + (plus) sign (or something similar), that expands the table to shows the rest of the rows (as an example 10 rows).

    Is this possible? If yes, how to do so?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I see what you mean, but unfortunately don’t know a directly usable solution for this.
    Your best chance probably is to use a bit of JavaScript and CSS code. The JS code could toggle a CSS class on the table, and you could then use something like

    .tablepress.data-collapsed tr:nth-child( 1n+5 ) {
    display: none;
}

    Regards,
    Tobias

    Thread Starter 123afm

    (@123afm)

    Hi Tobias, thank you for your reply, appreciate it.
    I will have a dev looking at this – a bit beyond my level ??

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias
    ?
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘responsive breakpoint/breakdown feature for table ROWS’ is closed to new replies.