jColumn – A jQuery plugin to make selected html elements the same height (equal heights of columns)

jColumn – A jQuery plugin to make selected html elements the same height (equal heights of columns)

jcolumn is an ultra-light jQuery plugin for making a group of columns height equal to the tallest one that works on window resize event.

Without jcolumn

With jcolumn

Options

option	default	type	Description
delay	500	number	(optional) The delayed time after the resize happens
maxWidth	767	number	(optional) Every document width smaller than maxWidth will not use jcolumn
resize	true	boolean	(optional) Disable resize event with false
callback	null	function	(optional) A callaback function which gets triggered after resize

$('.col').jcolumn({
    delay: 500,
    maxWidth: 767,
    callback: function (height) {
        console.log('New max height is: ' + height);
    }
});

How to use it:

Website: https://github.com/oliver-j/jcolumn

Demo: http://www.jqueryscript.net/demo/jQuery-Plugin-To-Make-Equal-Height-Columns-jcolumn/

Thanks for reading,
Web Editor