Make Tables Responsive

  • Resolved helban

    (@helban)


    5 years, 9 months ago

    The plugin works well but I need a little bit more help please.

    The information below 651px is now displayed much better but a need a bigger gap between the original rows to show the demarkation of the classes and their information.

    I have tried using .mtr-table tr {border-bottom: 8px solid #ffffff;} and tr.mtr-table {border-bottom: 8px solid #ffffff;}
    but these haven’t worked.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Nikolay Nikolov

    (@nnikolov)

    Hello @helban
    I see that you are using the same color for the background of even and odd rows. I recommend having different colors in the settings for those so they can be differentiated better (so you do not need bigger gaps).
    But if you want to do it with gaps and the same color, you can add this custom CSS:
    .mtr-table tr { margin-bottom: 8px; }
    (Also make it only for small screens of course.)
    Your code with the border is not working because I have added rules for no border that have priority with the !important attribute. At this time I am not doing anything to the the margin so the code with the margin bottom should work, but it is possible in the future to also remove the margins with a priority rule, if I see that it is needed in some situations. You can also add !important to your rules but it may not help depending on other factors.
    I have set many priority rules so the default layout and style works well in many different themes and situations. But I have added an option to disable styling that removes many of my rules so you can add your own CSS to style the table. You can use that option too.
    Regards.

    Plugin Author Nikolay Nikolov

    (@nnikolov)

    I am marking this as resolved since I have answered it and there is no further response for more than a week.

    Hello, I don’t really know how to start a topic, so I am going to write it here, sorry for that.

    I have installed Make Tables Responsive plugin but it is not working and I do not know why.

    This is an example of a post with tables that are not responsive after having installed the plugin: https://investandtrading.com/analisis-fundamental-de-facebook-fb/

    How can I make the tables responsive?

    Thanks.

    Plugin Author Nikolay Nikolov

    (@nnikolov)

    @salvaiat
    Hello.
    In the first row of your tables, the first cell uses the TD tag, and the rest use the TH tag. This breaks the plugin. Make all cells on the first row use TH to fix it.
    Also you can start a new topic at the bottom of this page: https://www.ads-software.com/support/plugin/make-tables-responsive/
    Also your post here and mine will probably be deleted by moderators, because you need to open a new topic.
    Regards.

    Thank you for you quick answer, solved! Thanks!

    Plugin Author Nikolay Nikolov

    (@nnikolov)

    @salvaiat
    No problem, happy to hear it is working. Regards.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Make Tables Responsive’ is closed to new replies.

Tags