Table Auto-Layout

外掛說明

Table Auto-Layout allows site owners to automatically cause a table (or a list of selected tables) to be regenerated to best fit its container when the window is resized. This plugin uses a jQuery plugin to add a window resize event handler which selects a list of tables, measures their parent containers and replaces the existing tbody with a new set of rows and columns where the number of cells per row is determined by the parent container width divided by the desired cell (column) width.

Note: Because new rows may be generated and old rows may be combined by this process, the attributes of tags are lost.
A done function can be specified that can be used to repopulate row attributes (or whatever) on completion.

The last row of a table may either be filled out with blank cells or left partially filled based on a flag. This flag also serves as the class given added blank cells.

Donate

If you like this plugin please consider donating

Features

• Works on pages and posts
• NO settings or configurations to deal with
• All features implemented as shortcode attributes
• Helps with responsive design.

Options

Shortcode attributes:

‘container_id’ If not specified the plugin uses the table’s parent container as the layout width,

‘selector’ Default: “#the_table”

‘cell_width’ Default: 100,

‘done_fxn’ Default: NULL,

‘blank_cell_class’ Default: ”. If specified the software will fill out empty rows with cells of the spec’d class. Mark any empty cells of the input table with this class for proper operation. Cells that are added will also get the class name “added” as well as the spec’d class.

Issues

If you have any issues please post something here:
Greenlight Contact

Note

Table Auto-Layout should work with older versions of WordPress as well but was not tested with anything older than 3.8.1