Magic Liquidizer Responsive Table – RWD You Must Have WP Plugin

Hi Guys! After the release of our premium plugin, I wrote a free WordPress Plugin that could do a trick for Responsive Web Design of your HTML <table> called ‘Magic Liquidizer Responsive Table’, with a description “A simple and lightweight plugin that converts HTML table into responsive.”

HTML table usually overlaps when you move to minimize or widen your browser client. It doesn’t behave well when you also view it on mobile screens. So I thank CSS tricks post providing as the solution for responsive table in CSS, however CSS alone is not enough to provide an accurate responsive output when ‘thead’ contains texts or images, so thank the guy on github to complete the job.

Yes, It’s Free! Magic Liquidizer Responsive Table Installation and Download

Installation is very simple, download and upload via WordPress plugin dashboard.
After activation, go to Dashboard > Appearance > Magic Liquidizer Responsive Table.

responsive table wordpress admin

For those who are looking to client-side aesthetics, this screenshot was taken from Magic Liquidizer Demo.

responsive html table wordpress plugin

This plugin is available on WordPress plugin repository. Download Now!

When you do a research, you could find a number of free scripts for Responsive Table, try this if this suits your needs. I have tried and tested it using mobile screens.

I hope you will enjoy this plugin while polishing your Responsive Web Development in WordPress. You could also check our premium plugin which can do not only responsive tables but also forms, images, navigation bar, etc.

Enjoy!

Magic Liquidizer Responsive Table – RWD You Must Have WP Plugin4.50/5 (90.00%) 8 votes
About

Elv Deza is one of the contributors of InnoveDesigns.com. He creates Wordpress Plugins, Magento Extensions, & Mobile Applications. If you find this article useful, please Follow him on .

Tagged with: , ,
Published under Responsive, Wordpress, Wordpress Plugin
15 comments on “Magic Liquidizer Responsive Table – RWD You Must Have WP Plugin
  1. Jason Pim says:

    this plugin was very helpful, though it’s conflicting with some of our other css/javascript – is there a way to exclude it from loading on the homepage or other specific pages?

  2. esstat17 says:

    Hi Jason, thank you for your concern, yes there’s a way to load css/js to a particular page, you need to edit the plugin php file. If this is technical for you, can I see your website first? I expect it couldn’t conflict other existing css and js file. But whatever it is, I will fix it to the next release. Thank you!

  3. Maria Jönsson says:

    This plugin was exactly what I was looking for! However, the headline does not show as in the example. Any ideas what I can do?

  4. uncleche says:

    This is amazing. Awesome, but unfortunately it doesn’t work with my best slider plugin – Layerslider (Responsive WordPress Slider Plugin). When I activate it, all sliders in the table disappear on mobile screens.

  5. Ulf Seijmer says:

    Really appreciate the plugin but… everything within the
    tags gets repeated for every new row in the table, not so attractive. Do you know if thre is a way to work around this?

  6. Desi says:

    Hi

    I have a little problem with the Smart Phone view. The Table is responsive but appears two times. Why?

    Best regards

    • Elv Deza says:

      This plugin doesn’t support the table inside the table

      It will duplicated the table instead.

      Perhaps you can do CSS tricks rather than relying to this plugin.

  7. Sue says:

    This plug-in works really well on a normal table. The problem I’m having is if I need the table headers to be vertical like this:

    header1
    cell1

    Looks fine until I go to the mobile view. Then it displays the first header tag content in every single table header instead of showing each individual one, like this:.
    Header1
    cell1
    Header1 (should be Header2)
    cell2, etc.
    Is there something I need to do to make this work correctly?
    I’m using the latest version of WP.

    • Sue says:

      Oops, the first example is supposed to show the code. I guess since it’s written in html it displayed that way. Let’s see if this works:
      <tr>
      <th scope="row">header1</th>
      <td>cell1</td>
      </tr>

  8. kim says:

    Hi
    i have images in a table and the pluggin works fine, but i need the images to be in center when in responsive mode. how do get that?

    • Elv Deza says:

      Try to use this css

      .ml-responsive-table dt.ml-title { clear: none; float: left; width: 45% !important; } .ml-responsive-table dd.ml-value { clear: none; float: left; width: 45% !important; }

  9. Lennart Svensson says:

    Is this where the support is hiding? I have tried to reach you several times now by mail and throught your Contact form, but I get no replies… Please respond to my email address. I have questions and I want to purchase some of your Products.

    • Elv Deza says:

      Hi Lennart!

      sorry to miss your message, perhaps the contact form has a problem. I will investigate that issue, btw I will email you regarding this.

  10. Lennart Svensson says:

    Great! I’ll respond to your email…

Leave a Reply

Your email address will not be published. Required fields are marked *

*