Как: несколько таблиц с каждой строкой каждой таблицы с одинаковой высотой

Question

В настоящий момент в этом фрагменте кода JsFiddle 3 таблицы, центральная таблица называется .sl_scrollingTable, а остальные .sl_NewFixedTable.

Я пытаюсь сделать так, чтобы каждая строка имела одинаковую высоту на всех трех таблицах. Это работает для первого экземпляра .sl_NewFixedTable, но не для второго. Не уверен, почему, пожалуйста, помогите.

Answer 1

Вы можете использовать Array.min и Array.max Джона Ресига из его блога

Я обновил ваш jsfiddle: http://jsfiddle.net/2uux2/1/

Но вот код для просмотра кем-либо еще.

// document onload
Array.max = function( array ){
    return Math.max.apply( Math, array );
};
Array.min = function( array ){
    return Math.min.apply( Math, array );
};

var h= $('tr').map(function() {
        return $(this).height();
}).get();

var maxHeight = Array.max(h);
console.log('Max height: ' + maxHeight );

$('tr').css({height:maxHeight });