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.


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

Elvin is one of the contributors of He has been creating Wordpress Plugins, Magento Extensions, & Mobile Applications. If you find this article useful, please Follow him on .

Tagged with: , ,
Published under Responsive, Wordpress, Wordpress Plugin
  • Jason Pim

    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?

  • esstat17

    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!

  • Maria Jönsson

    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?

  • uncleche

    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.

  • 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?

  • Desi


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

    Best regards

    • Elv Deza

      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.

  • Sue

    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:


    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 (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

      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:
      <th scope="row">header1</th>

  • kim

    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

      Try to use this css

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

      • kim

        Works ok, if i changes 45% to 34% =)

  • Lennart Svensson

    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

      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.

  • Lennart Svensson

    Great! I’ll respond to your email…

  • Hey Elv,

    I love the plugin but since the last update my images are being resized automatically. Can I get the zip with the code for the 1.0.6 – 08/29/2014 version? Everything worked perfect with that one… Would be highly appreciated:-)

    Thanks for creating the plugin!

    • Elvin D.

      had it pm’ed to you.