Use first column as header?

  • Resolved ricmo

    (@ricmo)


    9 years, 8 months ago

    Hello Tobias,

    Wondering if the first column could be used as the table’s “header”?

    The idea is to create some sort of carousel that can be scrolled. First column shows categories, the other ones all the items?

    As always, much appreciate your work on tablepress!

    Ricardo

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

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    You could investigate different options here. For a carousel, see the TablePress Extension from https://github.com/alexander-heimbuch/tablepress-carousel (not developed by me).

    To flip the table to the side, you could try the flip mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    Finally, you could make the first column <th> elements using the Shortcode parameter first_column_th=true. Note that this will result in the DataTables JS features to be turned off, as they don’t support this (but only a row header).

    Regards,
    Tobias

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi again,

    could a moderator please take a look at the user “ngueme”? He seems to be spamming forums with his “friendship” offer. Thanks!

    Regards,
    Tobias

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    thanks, the user has been deleted, from what I can see.

    Best wishes,
    Tobias

    Thread Starter ricmo

    (@ricmo)

    9 years, 8 months ago

    Thanks Tobias, I decided to go with the “Flip” function. It all works as intended, except the “Menu” which doesn’t resize properly.

    You can see the example here:
    http://www.macgamerhq.com/news/test/
    Password: test

    Par exemple the item “Price” doesn’t align with the actual price.

    Any advice on how to change this?

    Thanks!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

    thanks for the link! To fix this, we’ll have to add some row heights. Here, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-6 .column-1 {
    height: 130px;
}

    Regards,
    Tobias

    Thread Starter ricmo

    (@ricmo)

    9 years, 8 months ago

    Works like a charm, thanks!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 8 months ago

    Hi,

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

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Use first column as header?’ is closed to new replies.