🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

rowspanizer.js is a really simple jQuery plugin used to automatically merge/rowspan table cells (td) which have the same value.

table-merge

Documentation

jquery.rowspanizer.js

Dynamic rowspan based on the content of the table

Example

Demo

http://codepen.io/marcosesperon/pen/MyWNGx

jQuery

Use the plugin as follows:

$('table').rowspanizer();

By default, vertical-align: top css style will be added. You can override default by passing the vertical_align option:

$('table').rowspanizer({vertical_align: 'middle'});

You can define columns to rowspanize:

$('table').rowspanizer({columns: [0,1,2]});

Notes

  • Requires jQuery 1.7+.

License

This plugin is available under the MIT license.


You May Also Like