There are two tables. The height of the corresponding cells must be the same (if in the right table the text has drawn the height of the cell, then in the left the corresponding cell must accept the same height)

<table class="table-left"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> <table class="table-right"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table>

built two arrays: one from the set of heights tr of the right table:

  var rows_right = $(".table-right tr").map(function(){ return $(this).height(); }).get();

the second array from the td set of the left table (in the left there will be only one td cell for each tr)

 var rows_left = $(".table-left td").map(function(){ return $(this); }).get();

Now you need to bind somehow two arrays. That is, the values ​​of the rows_right array take the corresponding elements of the second rows_left array.

    1 answer 1

    Everything seems to be clear, but one thing I can not understand - why do you need to build And any arrays? See this example .

     var rTr = $('.table-right tr'); $('.table-left tr').each(function(i, el){ rTr.eq(i).find('td').height($('td',el).height()); });