Flip mode break into two parts

  • Resolved shyuan

    (@shyuan)


    8 years, 2 months ago

    Hi Tobias,

    I am experimenting with TablePress for my website, but I faced some issues.

    1) If you look at https://hostpride.net/testing and make your browser width to the smallest, the flip mode enabled table is split into two parts. Do you have idea why is that so and possibly a solution for it?

    2) and if I don’t set the table to 100% width, the table is always in its smallest width depending on the number of columns and it always sticks to the left even when I use your official guidance on how to center a tablepress.

    Any help would be much appreciated, thank you!

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

    (@tobiasbg)

    8 years, 2 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Please uncheck the “Horizontal Scrolling” checkbox on the table’s “Edit” screen. It’s not compatible with the flip mode.

    Regards,
    Tobias

    Thread Starter shyuan

    (@shyuan)

    8 years, 2 months ago

    Hi Tobias,

    Thank you for the very quick response!

    I’ve disabled that option and now flip mode is working. But it seems the row height has increased for some unknown reasons, does this have to do with my CSS?

    Thread Starter shyuan

    (@shyuan)

    8 years, 2 months ago

    Hi again Tobias,

    Please disregard the question asking about row height. It was my mistake.

    But can you still have a look at my original question 2?

    2) and if I don’t set the table to 100% width, the table is always in its smallest width depending on the number of columns and it always sticks to the left even when I use your official guidance on how to center a tablepress.

    Thank you.

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 2 months ago

    Hi,

    now you removed the flip mode, right?
    Also, I don’t see that problem with the small width, because it’s now set to 100%?

    Regards,
    Tobias

    Thread Starter shyuan

    (@shyuan)

    8 years, 2 months ago

    Hi Tobias,

    Sorry! I forgot that the table 1 is in the testing page. I edited it according to my needs for original website. I already replaced with another table for testing. Can you visit the page again? I have applied the code:

    .tablepress-id-3 {
	width: auto;
	margin: 0 auto 1em;
}

    But the table sticks to the left. I have also reenabled the flip mode (but this is okay now). Just in general, the table sticks to the left even when I instruct it to go to the middle.

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 2 months ago

    Hi,

    that’s because you are using the DataTables features. You will therefore need this CSS:

    .dataTables_wrapper .tablepress-id-3 {
	width: auto;
	margin: 0 auto 1em !important;
}

    Regards,
    Tobias

    Thread Starter shyuan

    (@shyuan)

    8 years, 2 months ago

    That helps! Thank you very much Tobias! You can label this as resolved. Appreciate it! 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 2 months ago

    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 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Flip mode break into two parts’ is closed to new replies.