Одинаковая высота всех div

[SLameN]

Добрый день! Помогите решите проблему. Имеется много блоков с классом - "t-data-int" все они разной высоты. Ниже JS который берет максимальную высоту и ровняет их все. Но вот беда, он это делает когда заходишь повторно на туже страницу (или при обновлении например), как сделать, чтобы он без обновления страницы подгонял высоту?

<div class='t-data-int'>
         <div class='t-data-title'>
            <a href='#'>Text</a>
         </div>
         <div class='t-data-img'>
            <a href='#'><img src='#' /></a>
         </div>
         <div class='t-data-price'></div>
</div>

.t-data-int {
    width: 200px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

function setEqualHeight(columns)
{
    var tallestcolumn = 0;
    columns.each(
    function()
    {
        currentHeight = $(this).height();
        if(currentHeight > tallestcolumn)
        {
            tallestcolumn = currentHeight;
        }
    }
    );
    columns.height(tallestcolumn);
}
$(document).ready(function() {
    setEqualHeight($(".t-data-int > div"));
});

[j0hnik]

window.onload пробовали?

[SLameN]

Вот так? Я практически не знаю JS(

$(document).ready(function() {
    window.onload = setEqualHeight($(".t-data-int > div"));
});

[j0hnik]

window.onload = function() {
  setEqualHeight($(".t-data-int > div"));
}

[рони]

SLameN,
волшебное заклинание
Google
css
display: flex
display: grid