Styling responsive table’s info

  • Resolved desci

    (@desci)


    7 years, 3 months ago

    Hello,

    In the responsive table, when the + button is clicked, is it possible to place each header on top of its respective row data and then center align everything?

    So, for example, just for the first row after the + button is clicked it would look something like this (since the first column header is still visible):

    COLUMN 2 HEADER
    Row 1 Data
    Row 1 Data
    Row 1 Data
    ————-
    COLUMN 3 HEADER
    Row 1 Data
    ————-
    COLUMN 4 HEADER
    Row 1 Data
    Row 1 Data

    And so on; all of it centered (the header and row data and with respect to one another).

    Thank you again!

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.

    Please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress .dtr-data {
	display: block;
}

    Regards,
    Tobias

    Thread Starter desci

    (@desci)

    Amazing! Thank you!

    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 ‘Styling responsive table’s info’ is closed to new replies.