DataTables and equalHeights plugin

annet

I am using a jQuery plugin (http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/) to give columns equal heights:

The view:



...
<!-- /span -->

...
<!-- /span -->
<!-- /row -->

The JavaScript:

$(document).ready(function() {
$('.equalize').equalHeights();
});

This works in all my views except the ones that contain a table with DataTables enabled. For some reason the equalHeights plugin takes the height of the entire table into account calculating the min-height. So if I have a table containing 48 rows it takes the height of the 48 rows instead of the height of 12 rows.

Is the an explanation for this behaviour? Is there a better equalHeights plugin that works well with DataTables?

Kind regards,

Annet