Title: Magic Liquidizer Responsive Table
Author: Elvin D
Published: <strong>2014 年 1 月 10 日</strong>
Last modified: 2019 年 11 月 18 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/magic-liquidizer-responsive-table.svg)

# Magic Liquidizer Responsive Table

 作者：[Elvin D](https://profiles.wordpress.org/esstat17/)

[下载](https://downloads.wordpress.org/plugin/magic-liquidizer-responsive-table.zip)

 * [详情](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-table/#description)
 * [评价](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-table/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-table/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-table/#developers)

 [支持](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/)

## 描述

A simple and lightweight WordPress plugin that transforms your normal HTML table
into mobile responsive table. It’s a must have Responsive Web Design (RWD) tool 
for developing your website. Page tables may overlap in small screens or when dragging
your browser to minimizing it for mobile screens simulation especially when the 
table contains large contents such as texts and images. So this is your solution!

Magic Liquidizer Responsive Table plugin – is just one of many features of [Magic Liquidizer](http://www.innovedesigns.com/wordpress/plugin/magic-liquidizer-instant-responsive-web-design-plugin-for-wordpress/)
for a complete Responsive Web Design solution such as images, texts, forms, tables,
navigation menu, and other HTML elements.

The demonstration link below is where Magic Liquidizer plugin used, minus anything
else, just observe the Responsive Table function. See it in action by following 
this [DEMO](http://www.innovedesigns.com/wordpress/magic-liquidizer-responsive-table-rwd-you-must-have-wp-plugin/).

If you like this plugin, good ratings is much appreciated.

For more information kindly check [InnoveDesigns.com Responsive Table article.](http://www.innovedesigns.com/wordpress/magic-liquidizer-responsive-table-rwd-you-must-have-wp-plugin/)
and leave a message via our contact form for further concerns. Also you can join
the project on GitHub [Magic-Liquidizer-Responsive-Table Project](https://github.com/esstat17/Magic-Liquidizer-Responsive-Table).

## 屏幕截图

 * [[
 * How does your Table look like BEFORE. screenshot-1.png
 * [[
 * Magic Liquidizer Responsive Table – Wordpress Admin Section. screenshot-2.png
 * [[
 * This screenshot was taken from our DEMO page AFTER installation. Client-side 
   screenshot. screenshot-3.png

## 安装

Installation is very easy, download and upload via WordPress `Plugin` Section.

 1. After activation, go to Dashboard > Magic Liquidizer Lite > Table.

You’re done!

## 常见问题

  Where to find Magic Liquidizer Responsive Table settings?

You can find via WordPress Dashboard > Magic Liquidizer Lite > Table.

  How to get table Class or ID?

You can use Chrome Inspector or Firefox Firebug Extension to inspect element. But
basically `table` value signifies that all <table> .. </table> will make responsive.
Please watch this video tutorial on [YouTube](http://youtu.be/wIxxrbAV7AY)

  How to make tables in two columns

It’s very simple, just add these CSS lines into your stylesheet

    ```
    .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;
    }
    ```

## 评价

![](https://secure.gravatar.com/avatar/6d05e8679e3bb68d9bbd686182f664ef3fe61a4ada0e80696b522308b2fb1649?
s=60&d=retro&r=g)

### 󠀁[Absolut genial](https://wordpress.org/support/topic/absolut-genial/)󠁿

 [mgcham](https://profiles.wordpress.org/mgcham/) 2020 年 11 月 10 日

So genial einfach können die sonst sehr beschränkten Tabellen aus dem Standard Block
Editor von Wordpress für mobile Gerät auf responsive getuned werden. Einfach das
Addon aktivieren und fertig.

![](https://secure.gravatar.com/avatar/27192db3c004998f2908a2a9f00811eadd78ccf954ec37c41054858afcdf3726?
s=60&d=retro&r=g)

### 󠀁[Absolute MUST HAVE plugin for all designers!](https://wordpress.org/support/topic/absolute-must-have-plugin-for-all-designers/)󠁿

 [Spencer](https://profiles.wordpress.org/pugboy/) 2020 年 3 月 14 日

Magic Liquidizer Responsive Table is now among the very few plugins I use on EVERY
client site. I cannot possibly say how grateful I am for its existence. If you use
WooCommerce, this is a must-have for responsive tables on mobile. Also, the plugin,
like magic, works with no effort required! Install it, and automagically all tables
in Woo work beautifully! Again, it’s a MUST HAVE tool for any designer. I’m comfortable
with saying that every WordPress site, and without question every WooCommerce website,
should have the Magic Liquidizer Responsive Table plugin.

![](https://secure.gravatar.com/avatar/1667706cb48e5878f2b56b69cbf69940d36e6c40bed6cf5e2f6f0c0a00a826ea?
s=60&d=retro&r=g)

### 󠀁[Perfect !](https://wordpress.org/support/topic/perfect-6529/)󠁿

 [guimolle](https://profiles.wordpress.org/guimolle/) 2019 年 10 月 31 日

Simple, efficient a very good plugin. I recommends that !! Thanks very much.

![](https://secure.gravatar.com/avatar/d82072fd7320e701fbf01b98a619168cb5edd27d67a0eddc37145dd7ba8dae34?
s=60&d=retro&r=g)

### 󠀁[Works great, time-saver](https://wordpress.org/support/topic/works-great-time-saver/)󠁿

 [redkite](https://profiles.wordpress.org/redkite/) 2019 年 9 月 2 日

Saved me the time to make my client’s existing table code responsive. Excellent 
plugin.

![](https://secure.gravatar.com/avatar/04a7705ed19d1637de5cec8998f5ec3a92ee8da59e39e4eb69ecf40bebc7992c?
s=60&d=retro&r=g)

### 󠀁[Best Plugin in This Category](https://wordpress.org/support/topic/best-plugin-in-this-category-4/)󠁿

 [glensickemore](https://profiles.wordpress.org/glensickemore/) 2019 年 7 月 27 
日

I’ve been building websites for years, and this plugin is amazing. Elvin is responsive
just like his plugin 🙂 Thank you for making this, Elvin, and keep up the awesome
work!

![](https://secure.gravatar.com/avatar/5665bb48de4026afbd4d6d23abcf47805c7172f52a3058f4028e88e9d77474d1?
s=60&d=retro&r=g)

### 󠀁[The best plugin to make html tables responsive!](https://wordpress.org/support/topic/the-best-plugin-to-make-html-tables-responsive/)󠁿

 [joryuto](https://profiles.wordpress.org/joryuto/) 2019 年 5 月 22 日

This is the best solution to make tables responsive.

 [ 阅读所有54条评价 ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/)

## 贡献者及开发者

「Magic Liquidizer Responsive Table」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Elvin D ](https://profiles.wordpress.org/esstat17/)

[帮助将「Magic Liquidizer Responsive Table」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/magic-liquidizer-responsive-table)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/magic-liquidizer-responsive-table/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/magic-liquidizer-responsive-table/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/magic-liquidizer-responsive-table/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/magic-liquidizer-responsive-table/)。

## 更新日志

#### 2.0.4 – 11/19/2019

 * [Fixed] “Notice: Undefined index” PHP warning

#### 2.0.3 – 08/13/2018

 * [Fixed] Fatal Error on Older PHP versions

#### 2.0.2 – 08/10/2018

 * [Fixed] No display on mobile view due to empty fields on Selectors

#### 2.0.1 – 08/04/2018

 * [Added] Fields added for table header and table row selectors
 * [Fixed] Duplicate issue on bind JS actions or events in the ID attribute only.
   
   @see this thread https://wordpress.org/support/topic/duplicate-content-36/ and
   https://wordpress.org/support/topic/duplicate-content-fix/ for more details Special
   thanks to @franciscus and @spiderwisp for helping me to fix this issue.

#### 2.0.0 – 02/02/2017

 * [Improved] JS to support most of HTML Table Format
 * [Improved] Styling or CSS fixes
 * [Fixed] Uninstall fixes

#### 1.0.8 – 05/30/2016

 * [Modified] Utilizing add_action() called `wp_footer` instead of `wp_print_footer_scripts`
 * [Fixed] Preventing the script to kick in Wp Login Page /wp-admin

#### 1.0.7 – 04/11/2016

    - [Added] Internationalizing (text domain)
 *  - [Modified] Simplifying Codes
 *  - [Updated] Actions and Filters Hooks

#### 1.0.6 – 08/29/2014

    - [Added] Magic Liquidizer Responsive Navigationbar Compatibility

#### 1.0.5 – 08/27/2014

    - [Changed] id-* to ml-*
 *  - [Improved] JS
 *  - [Changed] CSS Class from clearfix to ml-clearfix
 *  - [Changed] CSS paddings and background color
 *  - [Added] jQuery noConflict()
 *  - [Added] Two column Table in mobile view see FAQ

#### 1.0.4 – 05/03/2014

    - [improve] JS
 *  - [Compatibility] Latest Wp Version

#### 1.0.3 – 02/03/2014

    - [fixed] Uninstallation Hook
 *  - [added] .clearfix class

#### 1.0.2 – 02/03/2014

    - [fixed] Breakpoint Implementation
 *  - [fixed] Specifying classes or id’s
 *  - [ready] API for Magic Liquidizer Responsive Form
 *  - [Changes] Plugin Screenshots screenshot-2.png

#### 1.0.1 – 01/30/2014

    - CSS Fixes
 *  - Move Plugin Section to Dashboard > Magic Liquidizer Lite > Table
 *  - Database Changes
 *  - API do_action Implemented

#### 1.0.0 – 01/09/2014

 * Initial Released Date

## 额外信息

 *  版本 **2.0.4**
 *  最后更新：**7 年前**
 *  活跃安装数量 **6,000+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **5.3.21**
 *  语言
 * [English (US)](https://wordpress.org/plugins/magic-liquidizer-responsive-table/)
 * 标签
 * [fluid](https://cn.wordpress.org/plugins/tags/fluid/)[mobile](https://cn.wordpress.org/plugins/tags/mobile/)
   [responsive](https://cn.wordpress.org/plugins/tags/responsive/)[rwd](https://cn.wordpress.org/plugins/tags/rwd/)
   [table](https://cn.wordpress.org/plugins/tags/table/)
 *  [高级视图](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-table/advanced/)

## 评级

 4.7 星（最高 5 星）。

 *  [  47 条 5 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/?filter=5)
 *  [  4 条 4 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/?filter=2)
 *  [  3 条 1 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/reviews/)

## 贡献者

 *   [ Elvin D ](https://profiles.wordpress.org/esstat17/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/magic-liquidizer-responsive-table/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://www.innovedesigns.com/)