Very important addition to responsive tables.

  • Resolved froughtz

    (@froughtz)


    4 years ago

    For example, take the above page, I have this table. However, in the current responsive mode, it just won’t appear correctly. However, when compared with something like AAWP (Amazon Affiliate WordPress Plugin), they do the responsive tables alot better! So how do they do it? Well here it is:

    Since the header is the first column, and the table is 4 columns total, they create 3 tables. Each table has the header as a column and the second column for example in the first table.

    So in mobile mode it would be like this:
    First table: Header (first column) + second column
    Second table: Header(first column) + third column
    Third table: Header(first column) + fourth column

    I hope you guys make this in the responsive mode as an option. It will improve the responsive mode for the affiliate tables ALOT. A good example for the AAWP table can be seen from here for example: https://getaawp.com/features/comparison-tables/

    Look at both tables, they are like each other in desktop mode and tablet, however in mobile mode it’s WAAAY better.

    Also it would be a great feature to add a way to do ribbons on the tables like on AAWP (for example Best Product with red borders ,etc..)

    • This topic was modified 4 years ago by froughtz.
    • This topic was modified 4 years ago by froughtz.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Imtiaz Rayhan

    (@imtiazrayhan)

    Hi @froughtz,

    Thank you very much for your suggestion.

    One of the reasons for other tables to have better responsiveness sometimes is because those are not built using the proper HTML for tables (table, tr, td tags), instead uses div to make tables.

    While the tables look good, it’s not ideal if we consider accessibility, SEO, and standard practices.

    We too have limitations, but we will try our best to make sure we offer the best options possible for you.

    From what I understand, we have the top row as the header option for mobile, but you want the first column as the header option too.

    I will add it to our list.

    And about ribbons and separate borders, those are actually available with WP Table Builder Pro Add-on. Not available in the free version.

    Hope this helps.

    Please let me know if you have further questions or suggestions for us.

    Kind regards.

    Thread Starter froughtz

    (@froughtz)

    Yeah exactly, I want an option to make the first column as the header so it will be always with the other columns in responsive mode, I will really appreciate it since I can’t really use the plugin for responsive mode at the moment.

    Also if using divs to make the table better in responsive mode I think you can just put an option in the settings alongside a warning that accessibility won’t be properly done so that any user would use it whilst knowing that.

    Thanks for the amazing plugin !

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Very important addition to responsive tables.’ is closed to new replies.